:root{font-family:DM Sans,sans-serif;color:#193c34;background:#f8f8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}input{min-width:0;border:1px solid #d8dfd6;border-radius:8px;padding:13px;background:#fff;color:#193c34}input:focus{outline:2px solid #74a589;outline-offset:2px}button:focus-visible{outline:3px solid #c7a45a}h1{font-family:Libre Caslon Text,Georgia,serif;font-weight:400;line-height:1.2;font-size:clamp(34px,4vw,60px)}h2{font-weight:500;margin:10px 0}p{line-height:1.65;color:#6c7b72}small{color:#7a897f}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600}.mark{background:#d7b977;color:#173d33;border-radius:12px;padding:2px 15px;font-size:39px}.sub{display:block;font-size:9px;letter-spacing:2px;margin-top:6px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#849a85}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#153f35;color:#fff;padding:8%;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.intro h1{margin:20px 0}.intro em{color:#d9be83}.intro p{color:#bed0c5;max-width:390px}.auth-form{align-self:center;max-width:440px;width:100%;padding:30px;margin:auto}.auth-form h2{font-family:Georgia,serif;font-size:36px}.auth-form form{display:grid;gap:18px;margin-top:32px}label{display:grid;gap:9px;font-size:13px}.primary{background:#214f3d;color:#fff;padding:14px 22px;border-radius:8px}.link{background:none;color:#357254;padding:4px}.error{background:#fbe9e5;color:#9c3429;padding:12px;border-radius:8px}.workspace{height:100dvh;display:flex}aside{background:#edf1e9;width:280px;flex-shrink:0;padding:30px 20px;display:flex;flex-direction:column;overflow:auto;border-right:1px solid #dce3d8}aside .brand{margin-bottom:38px;font-size:21px}.side-title{display:flex;justify-content:space-between;align-items:center;letter-spacing:1.7px;font-size:10px;color:#7a8b7b;margin:20px 8px 10px}.side-title button{background:none;color:inherit;font-size:22px}nav{display:grid;gap:5px}nav button{background:none;text-align:left;padding:11px;border-radius:7px;display:flex;align-items:center;gap:10px;color:#566c5d}nav button.selected{background:#dbe6d5;color:#214f3d;font-weight:600}nav button:hover{background:#e0e8da}.new-room{display:flex;gap:4px;margin-top:12px}.new-room input{width:100%;font-size:12px}.new-room button{background:#dbe6d5;border-radius:6px;padding:10px}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dde7d9;color:#356047;height:32px;width:32px;flex-shrink:0;font-size:13px}footer{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;font-size:12px}.conversation{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 40px}.conversation header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #e0e5dc;gap:20px}.conversation header h2{font-size:20px}.status{font-size:11px;color:#5a8265;white-space:nowrap}.empty{margin:auto;text-align:center;max-width:530px;padding:30px}.empty h1{font-size:40px}.big-mark{font-size:60px;color:#b5a16b}.messages{flex:1;overflow:auto;padding:24px 0;display:flex;flex-direction:column;gap:22px}.message{display:flex;gap:12px}.message>div{max-width:85%}.message-meta{display:flex;gap:12px;align-items:center;font-size:13px}.message time{font-size:10px;color:#8c978d}.message p{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf0e8;padding:12px 16px;border-radius:0 12px 12px;margin:8px 0 0;color:#304a3a}.own p{background:#dce9da}.composer{display:flex;gap:12px;padding-top:15px;border-top:1px solid #e0e5dc}.composer input{flex:1}.hint{text-align:center;font-size:10px;padding:15px}@media(max-width:720px){.auth{grid-template-columns:1fr}.intro{padding:28px}.intro>div:not(.brand),.intro>small{display:none}.auth-form{padding:32px}.workspace{height:auto;min-height:100dvh;flex-direction:column}aside{width:100%;padding:18px;max-height:36dvh}aside .brand{margin-bottom:5px}nav{display:flex;flex-wrap:wrap}footer{padding-top:12px}.conversation{height:64dvh;min-height:440px;padding:0 16px}.conversation header{padding:18px 0}.status{font-size:9px}.empty h1{font-size:30px}}.unread{margin-left:auto;background:#214f3d;color:#fff;border-radius:20px;min-width:23px;padding:3px 7px;font-size:11px;text-align:center}.notification{position:fixed;right:24px;bottom:24px;z-index:10;display:flex;max-width:min(380px,calc(100vw - 32px));background:#fff;border:1px solid #cad9c4;border-radius:12px;box-shadow:0 8px 32px #193c3426}.notification-open{display:grid;gap:8px;padding:18px;text-align:left;background:none;color:#193c34;min-width:0}.notification-open span{font-size:13px;overflow-wrap:anywhere}.notification>.link{align-self:flex-start;padding:12px;font-size:22px}:root{font-family:Tahoma,Arial,sans-serif}body{direction:rtl}button,input,textarea{font-family:inherit}nav button,.notification-open{text-align:right}aside{border-right:0;border-left:1px solid #dce3d8}.unread{margin-left:0;margin-inline-start:auto}.eyebrow,.side-title,.sub{letter-spacing:0}h1,.auth-form h2{font-family:Tahoma,Arial,sans-serif;line-height:1.6}.avatar{object-fit:cover}.profile-panel{overflow:auto;padding:24px 0}.profile-panel form{max-width:460px;display:grid;gap:16px}.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-photo .avatar{width:96px;height:96px;font-size:36px}.joined-rooms{display:flex;gap:10px;flex-wrap:wrap}.joined-rooms button{background:#dce9da;color:#214f3d;border-radius:8px;padding:12px}.message-actions{display:flex;gap:8px;font-size:11px}.message-edit textarea{width:100%;min-height:90px;border:1px solid #bacdb3;border-radius:8px;padding:10px;font:inherit}.deleted{font-style:italic;opacity:.65}.message-meta{flex-wrap:wrap}.notification{right:auto;left:24px}input[type=email],input[type=password]{direction:ltr;text-align:left}:root{color:#183f38;background:#fbf8ef}.auth{background:#fbf8ef}.intro{position:relative;isolation:isolate;overflow:hidden;background:#123d35;min-height:100dvh}.intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.1;background-image:repeating-linear-gradient(45deg,transparent 0 39px,#dbc185 40px,transparent 41px 80px),repeating-linear-gradient(-45deg,transparent 0 39px,#dbc185 40px,transparent 41px 80px);-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.intro:after{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid #c7a86344;pointer-events:none;border-radius:180px 180px 12px 12px;z-index:-1}.intro .brand{position:relative}.mark{display:grid;place-items:center;width:58px;height:62px;padding:10px;border-radius:22px 22px 8px 8px;background:#ddc58d;color:#17483c;flex-shrink:0}.book-mark{width:38px;height:38px}.book-mark.large{width:72px;height:72px}.sub{font-size:11px;line-height:1.8}.intro .eyebrow{color:#dfcd9f}.intro h1{font-family:Noto Naskh Arabic,Traditional Arabic,Georgia,serif;font-size:clamp(42px,4.4vw,68px);line-height:1.55}.intro em{font-style:normal;color:#ead49c}.intro p{line-height:2;max-width:420px;color:#e0e7da}.mission-values{display:flex;align-items:center;gap:18px;font-size:13px;color:#e4d3a9}.mission-values i{font-style:normal;font-size:9px}.auth-form .eyebrow{color:#796334}.auth-form h2{color:#17483c}.primary{background:#194e41;border:1px solid #194e41;box-shadow:0 3px 9px #153f3512}.primary:hover{background:#123d35}aside{background:#f0eee2;border-inline-end:1px solid #ddd5bf}aside .brand{margin-bottom:24px}.side-title{color:#6a5c3d;font-size:12px;font-weight:600}nav button.selected{background:#194e41;color:#fff}nav button.selected .unread{background:#e4cf98;color:#173d33}nav button:hover:not(.selected){background:#e7e5d6}.conversation{background:#fbf8ef}.conversation header{border-bottom-color:#e4dcc7}.conversation header .eyebrow{color:#776338}.conversation header h2{font-size:22px}.status{padding:7px 10px;border-radius:30px;background:#edf1e5;color:#315a42}.mission-welcome{max-width:760px;width:100%;overflow:auto}.arch-emblem{width:114px;height:130px;border-radius:65px 65px 12px 12px;border:1px solid #d0bb85;background:linear-gradient(145deg,#f3ebd4,#faf7ee);display:grid;place-items:center;color:#345f4c;margin:0 auto 20px;box-shadow:inset 0 0 0 7px #fbf8ef,inset 0 0 0 8px #d0bb8544}.mission-welcome h1{font-family:Noto Naskh Arabic,Traditional Arabic,Georgia,serif;font-size:40px;color:#194e41;line-height:1.6;margin:12px 0}.mission-welcome p{max-width:510px;margin:0 auto 20px;line-height:1.9}.mission-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.mission-pillars>div{padding:16px 10px;border:1px solid #e2d9c0;background:#fffdf7;border-radius:10px;display:grid;gap:8px}.mission-pillars strong{font-size:15px;color:#315c47}.mission-pillars span{font-size:11px;line-height:1.8;color:#6f705c}.message p{background:#f0eee2}.own p{background:#e4eddd}.composer{border-top-color:#e4dcc7}.hint{color:#6d735d;font-size:11px;line-height:1.8}@media(max-width:720px){.intro{min-height:auto;padding:24px}.intro:after{top:10px;right:10px;bottom:10px;left:10px;border-radius:14px}.intro>.mission-values{display:flex!important;margin-top:6px;justify-content:center;font-size:11px}.mission-welcome{padding:22px 10px}.arch-emblem{width:80px;height:92px;margin-bottom:12px}.book-mark.large{width:50px;height:50px}.mission-welcome h1{font-size:29px}.mission-pillars{gap:6px;margin:15px 0}.mission-pillars>div{padding:10px 6px}.mission-pillars span,.sub{font-size:10px}.conversation header h2{font-size:18px}}@media(max-height:800px)and (min-width:721px){.mission-welcome{padding:16px}.arch-emblem{height:90px;width:80px;margin-bottom:12px}.book-mark.large{width:48px;height:48px}.mission-welcome h1{font-size:32px}.mission-pillars{margin:16px 0}}.profile-panel{padding:28px 0 40px;scrollbar-gutter:stable}.profile-heading{align-items:flex-start;margin-bottom:22px}.profile-heading h2{font-size:28px;margin:8px 0}.profile-heading p{font-size:13px;margin:0}.profile-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,1fr);gap:24px;align-items:start}.profile-panel form.profile-card{display:block;max-width:none;background:#fffefa;border:1px solid #e4dcc8;border-radius:18px;overflow:hidden;box-shadow:0 5px 24px #153f3508}.profile-cover{height:100px;background:linear-gradient(115deg,#194e41,#2e6550);padding:20px 24px;display:flex;justify-content:flex-end;align-items:flex-start;border-bottom:3px solid #cfb477}.profile-cover span{color:#e9d7aa;font-size:11px}.profile-card-body{padding:0 24px 24px}.photo-summary{display:flex;gap:18px;align-items:center;margin-top:-38px;margin-bottom:22px}.photo-summary h3{margin:38px 0 4px;font-size:18px;overflow-wrap:anywhere}.photo-summary p{font-size:11px;margin:0;line-height:1.8}.profile-avatar-button{position:relative;background:#fffefa;padding:5px;border-radius:50%;flex-shrink:0;box-shadow:0 3px 12px #123d3515}.profile-avatar-button .avatar{width:112px;height:112px;font-size:38px;background:#e9eddf;border:1px solid #e0dccb}.photo-camera{position:absolute;bottom:3px;left:3px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#194e41;color:#fff;border:3px solid #fffefa;font-size:20px}.secondary{background:#fffefa;color:#24533f;border:1px solid #d9d5c3;padding:10px 15px;border-radius:8px;font-size:12px;line-height:1.6}.secondary:hover:not(:disabled){background:#f3f0e5;border-color:#aebda6}.photo-dropzone{padding:20px;border:1px dashed #c4c8af;border-radius:12px;text-align:center;background:#faf9f1;transition:background .15s,border-color .15s}.photo-dropzone.dragging{background:#e4efdc;border:2px solid #34624a}.photo-dropzone p{margin:8px 0 4px;font-size:12px}.photo-dropzone small{font-size:11px;line-height:1.9;color:#69705f}.photo-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:14px 0}.danger-link{background:none;color:#9a4437;padding:6px 0;font-size:12px}.profile-field{display:grid;gap:9px;margin-top:24px;padding-top:20px;border-top:1px solid #eae5d5}.profile-field label{font-weight:600;font-size:13px}.profile-field small{font-size:11px}.profile-save{display:flex;gap:10px;margin-top:24px}.profile-save .primary{flex:1}.profile-status{font-size:12px;color:#746338;line-height:1.8;margin:12px 0 0}.save-success{background:#e8f1e3;color:#2d5b3d;padding:12px;border-radius:8px;font-size:12px}.profile-circles{padding:24px;border:1px solid #e4dcc8;border-radius:18px;background:#f6f2e5}.profile-circles h3{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin:12px 0;gap:10px}.circle-count{font-size:13px;background:#e4e9d7;border-radius:20px;padding:5px 10px}.profile-circles p{font-size:12px;line-height:1.9}.profile-circles .joined-rooms{display:grid;gap:10px;margin:20px 0}.profile-circles .joined-rooms button{display:flex;align-items:center;gap:12px;background:#fffefa;border:1px solid #e1dccb;text-align:right;font-size:12px;line-height:1.7}.profile-circles .joined-rooms button span:last-child{margin-inline-start:auto}.circle-symbol{color:#a58b4f;font-size:20px}.profile-note{border-top:1px solid #ded6bf;padding-top:18px;color:#77725f;font-size:11px;line-height:1.9}.profile-no-rooms{padding:20px 0;font-size:13px;line-height:1.9;color:#757463}.photo-editor{margin-top:20px;padding:18px;background:#f3f2e8;border:1px solid #d7ddc9;border-radius:12px}.editor-heading{display:grid;gap:6px;margin-bottom:16px;text-align:center}.editor-heading span{font-size:11px;color:#6e7563}.crop-preview{width:min(100%,224px);aspect-ratio:1;margin:auto;border-radius:50%;overflow:hidden;border:4px solid white;outline:1px solid #bda66a;box-shadow:0 4px 12px #183f3814}.crop-preview canvas{display:block;width:100%;height:100%}.crop-controls{display:grid;gap:12px;margin:20px 0}.crop-controls label{font-size:12px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}.crop-controls input{width:100%;padding:0;accent-color:#24533f;direction:ltr}.photo-editor .photo-actions{justify-content:center;margin-bottom:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.profile-layout{grid-template-columns:1fr}.profile-heading{flex-wrap:wrap}.profile-circles .joined-rooms{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media(max-width:720px){.profile-panel{padding:18px 0}.profile-heading h2{font-size:23px}.profile-card-body{padding:0 16px 20px}.profile-avatar-button .avatar{width:92px;height:92px}.photo-summary{gap:12px}.profile-circles{padding:18px}.profile-cover{padding:16px}.profile-save{flex-wrap:wrap}.crop-controls label{grid-template-columns:85px 1fr}.photo-editor{padding:12px}}:root{color-scheme:light}input:not([type=range]):not([type=file]),textarea{color:#18352c;background-color:#fff;caret-color:#194e41;-webkit-text-fill-color:#18352c}input::placeholder,textarea::placeholder{color:#626d65;-webkit-text-fill-color:#626d65;opacity:1}input:disabled,textarea:disabled{color:#526056;-webkit-text-fill-color:#526056;background-color:#f0f2ec;opacity:1}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:#18352c;caret-color:#194e41;-webkit-box-shadow:0 0 0 1000px #ffffff inset}input::selection,textarea::selection{color:#102c22;background-color:#c9dfbd;-webkit-text-fill-color:#102c22}.group-management{padding:16px 0;border-top:1px solid #cbd6ce}.group-management h2{font-size:1.1rem}.group-management-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.group-management-heading p{margin:4px 0 12px;color:#626d65;font-size:.82rem;line-height:1.5}.group-create{padding:10px;margin:8px 0 14px;border:1px solid #cbd6ce;border-radius:10px;background:#f7faf7}.group-create input{width:100%;box-sizing:border-box}.role-badge,.current-role strong{display:inline-block;border-radius:999px;padding:4px 9px;font-size:.75rem;white-space:nowrap}.role-badge.admin,.current-role strong{background:#ead8a5;color:#5d4210}.role-badge.supervisor{background:#d7e7d2;color:#194e41}.current-role{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px;color:#626d65;font-size:.8rem}.management-link{width:100%;margin:0 0 12px;padding:9px 12px;border:1px solid #b9cdbd;border-radius:9px;background:#eef5ef;color:#194e41;text-align:right;font-weight:700;cursor:pointer}.management-link[aria-pressed=true]{background:#194e41;color:#fff}.management-header-button{border:1px solid #b9cdbd;border-radius:9px;padding:8px 12px;background:#eef5ef;color:#194e41;font-weight:700;cursor:pointer}.group-management h3{margin-top:20px;font-size:1rem}.group-management select{max-width:100%;padding:8px;border-radius:8px;background:#fff;color:#194e41}.group-management label{display:grid;gap:8px}.group-management button{padding:8px;margin:4px 0}.group-member{display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}.message-locks{padding:16px;margin:16px 0;border:1px solid #cbd6ce;border-radius:12px;background:#f7faf7}.message-locks form{display:grid;gap:12px}.message-locks input{width:100%;box-sizing:border-box;padding:8px}.message-locks p,.message-locks small{line-height:1.7}.lock-rule{border-top:1px solid #cbd6ce;margin-top:12px}.auth-fields{display:grid;gap:18px}.auth-field{display:grid;gap:9px}.text-field input,.password-field input{width:100%;min-height:52px;border-radius:12px}.password-field{position:relative}.password-field input{padding-left:56px;direction:ltr;text-align:right}.password-field .password-toggle{position:absolute;left:4px;top:4px;width:44px;height:44px;display:grid;place-items:center;padding:0;margin:0;border-radius:9px;color:#326c54;background:transparent;transition:background .15s ease,color .15s ease}.password-field .password-toggle:hover{background:#edf3e8;color:#194e41}.password-toggle:focus-visible{outline:2px solid #b59450;outline-offset:-2px}.auth-fields .auth-submit{min-height:52px;margin-top:6px;padding:14px 22px;border:1px solid #42705a;border-radius:12px;background:linear-gradient(135deg,#27634f,#163f35);color:#fffdf5;font-weight:700;box-shadow:0 4px 12px #194e411a;transition:background .15s ease,box-shadow .15s ease}.auth-fields .auth-submit:hover:not(:disabled){background:linear-gradient(135deg,#32765d,#1c5041);box-shadow:0 6px 16px #194e4126}.auth-fields .auth-submit:active:not(:disabled){box-shadow:0 2px 6px #194e411a}.task-card{margin-top:12px;padding:20px;max-width:660px;border:1px solid #cfbd86;border-radius:16px;background:#fffdf6;box-shadow:0 4px 16px #4b54300a}.task-card-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;color:#194e41;font-weight:700;margin-bottom:18px}.task-item{border:0;border-bottom:1px solid #e5dec9;padding:12px 0 16px;margin:0 0 12px;min-width:0}.task-item legend{font-weight:600;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.task-number{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:50%;background:#eee7d3;color:#66542d;font-size:12px}.task-options{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.task-options .task-option{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #ced9cb;border-radius:10px;color:#3e5745;cursor:pointer}.task-option input[type=checkbox]{width:17px;height:17px;padding:0;margin:0;accent-color:#194e41;cursor:pointer}.task-option.chosen{background:#edf3e8;border-color:#71977b;color:#194e41;font-weight:700}.task-option.chosen.incomplete{background:#fbf0d8;border-color:#b89750;color:#74551b}.task-option.chosen.not_done{background:#f6e9e3;border-color:#b48d7b;color:#7b4937}.task-save-status{color:#637264;font-size:12px}.task-report{border-top:1px solid #e5dec9;margin-top:16px;padding-top:14px}.task-report summary{cursor:pointer;color:#194e41;font-weight:600;min-height:32px}.task-report-scroll{overflow-x:auto;max-width:100%}.task-report table{border-collapse:collapse;font-size:12px;width:100%;margin-top:12px}.task-report caption{text-align:right;color:#637264;margin-bottom:8px}.task-report th,.task-report td{text-align:right;padding:10px;border-bottom:1px solid #e5dec9;min-width:100px}.task-compose-toggle{align-self:flex-start;background:#eaf0e4;color:#194e41;padding:10px 16px;margin:8px 0;border:1px solid #ccd8c5;border-radius:10px;font-weight:600}.task-composer{display:grid;gap:12px;flex-shrink:0;max-height:45vh;overflow:auto;padding:16px;margin:10px 0;border:1px solid #cfbd86;border-radius:12px;background:#fffdf6}.task-composer h3{margin:0;color:#194e41;font-size:16px}.task-composer textarea{width:100%;border:1px solid #ced9cb;border-radius:10px;padding:12px;resize:vertical;font:inherit}.task-composer-actions{display:flex;gap:16px;align-items:center}@media(max-width:600px){.task-card{padding:12px}.task-options .task-option{padding:8px;font-size:12px}}