:root{--accent:#4f46e5;--accent-rgb:79,70,229;--on-accent:#fff;--bg:#f5f6fa;--surface:#fff;--raised:#f8f9fc;--text:#182238;--muted:#59677c;--line:#dce2ed;--danger:#b42336;--success:#0c7659;color-scheme:light;font:16px/1.55 Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
:root[data-mode=dark]{--bg:#10141d;--surface:#191f2b;--raised:#222a38;--text:#f0f3fa;--muted:#b2bfd1;--line:#374257;--danger:#ffacb4;--success:#7de0bb;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100dvh}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,4.5vw,2.65rem);line-height:1.2;letter-spacing:-.045em;margin-bottom:16px}h2{font-size:1.3rem;letter-spacing:-.025em;margin-bottom:12px}h3{font-size:1rem;margin:22px 0 10px}p{margin-bottom:16px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}
.hidden,[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:.85rem}.eyebrow{display:block;font-size:.7rem;font-weight:800;letter-spacing:.14em;color:var(--muted);margin-bottom:12px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 14px 50px #24365b08}.notice{padding:14px 18px;background:rgba(var(--accent-rgb),.09);border-radius:14px;margin:14px 0;overflow-wrap:anywhere}.notice.danger{color:var(--danger)}.notice.success{color:var(--success)}
.app-header{height:82px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.header-inner{max-width:1240px;margin:auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:800;font-size:1.2rem;letter-spacing:-.05em;color:var(--text)}.brand-mark{background:var(--accent);color:var(--on-accent);border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:1.65rem;font-weight:800;line-height:1}.header-actions{display:flex;gap:10px;align-items:center}.btn,.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:10px 17px;font-weight:650;background:var(--surface);color:var(--text);text-align:center;line-height:1.35}.btn:hover,.icon-btn:hover{background:var(--raised)}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn.primary:hover{filter:brightness(.95)}.btn.text{background:transparent;border-color:transparent;color:var(--muted)}.btn.danger{color:var(--danger)}.icon-btn{padding:9px 12px;font-size:.88rem}.avatar{width:42px;height:42px;border:0;border-radius:50%;background:rgba(var(--accent-rgb),.12);color:var(--text);font-weight:750}
#app{max-width:1200px;margin:auto;padding:42px 28px 110px}.loading{text-align:center;margin:40px auto;max-width:420px}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;max-width:990px;margin:4vh auto}.login-art{padding:25px}.login-art h1{font-size:clamp(2.3rem,5vw,3.7rem)}.accent-text{color:var(--accent)}.visual-stack{position:relative;margin:35px 0;padding:25px 0 0 25px}.visual-sheet{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 25px 65px #24365b12;transform:rotate(-3deg)}.visual-line{height:8px;background:var(--line);border-radius:8px;margin:12px 0;width:85%}.visual-line:first-of-type{background:var(--accent);width:50%;height:12px}.visual-badge{position:absolute;bottom:-12px;right:-12px;background:var(--accent);color:var(--on-accent);padding:12px 20px;border-radius:14px;transform:rotate(3deg);font-size:.88rem;font-weight:650}
label{font-size:.86rem;font-weight:650;display:flex;flex-direction:column;gap:7px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);padding:11px 13px;min-height:46px;font-size:1rem}input[readonly],textarea[readonly],select:disabled{background:var(--raised)}textarea{resize:vertical;min-height:98px;line-height:1.6}.check-label{flex-direction:row;align-items:flex-start;font-weight:400;font-size:.95rem}.check-label input{width:20px;min-height:20px;margin-top:3px;accent-color:var(--accent);flex-shrink:0}.setup-wrap{max-width:780px;padding:35px 20px;margin:auto}.setup-wrap>.brand{margin-bottom:30px}.setup-wrap details{padding:12px 0;border-top:1px solid var(--line)}.setup-wrap h2{margin-top:12px}
.welcome{margin-bottom:30px}.welcome h1{max-width:650px;margin-bottom:8px}.actions{display:flex;flex-wrap:wrap;gap:10px}.stats{margin:28px 0}.stat{padding:20px 24px}.stat strong{font-size:1.85rem;display:block;letter-spacing:-.05em}.stat span{font-size:.8rem;color:var(--muted)}.toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:26px 0 18px}.toolbar input{max-width:300px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:0;background:transparent;padding:10px 16px;border-radius:10px;color:var(--muted);font-weight:650;min-height:44px}.filter.active{background:var(--surface);color:var(--text);box-shadow:0 2px 12px #24365b09}.doc-list{display:grid;gap:12px}.doc-card{display:flex;align-items:center;gap:18px;padding:21px 24px;border-radius:18px;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--line);transition:transform .15s,border-color .15s}.doc-card:hover{transform:translateY(-2px);border-color:var(--accent)}.doc-icon{width:48px;height:56px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:1.2rem;background:rgba(var(--accent-rgb),.08);color:var(--accent)}.doc-details{flex:1;min-width:0}.doc-details strong{display:block;overflow-wrap:anywhere;margin-bottom:3px;font-size:1rem}.doc-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}.tag{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:var(--raised);color:var(--muted);font-size:.72rem;font-weight:700;white-space:nowrap}.tag.review{background:rgba(var(--accent-rgb),.10);color:var(--text)}.tag.final{background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success)}.empty{text-align:center;padding:52px 20px}.empty p{max-width:400px;margin:12px auto 20px}
.editor-heading{margin:0 0 24px}.editor-heading h1{font-size:1.8rem}.breadcrumbs{font-size:.85rem;margin-bottom:22px;color:var(--muted)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px;align-items:start}.editor-main{min-width:0}.editor-sidebar{position:sticky;top:105px}.editor-sidebar .card{padding:22px}.section-card{margin-bottom:18px}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:22px}.section-number{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:rgba(var(--accent-rgb),.10);font-size:.8rem;font-weight:800}.section-heading h2{margin:0}.attendee-row{display:grid;grid-template-columns:1.25fr 1fr 1.1fr 44px;gap:9px;margin:12px 0;align-items:end}.agenda-card{background:var(--raised);border:1px solid var(--line);border-radius:15px;padding:20px;margin:16px 0}.agenda-card h3{margin:0}.agenda-card .grid2{margin-top:14px}.editor-bar{position:sticky;top:82px;z-index:10;display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:var(--raised);border:1px solid var(--line);border-radius:12px 12px 0 0}.editor-bar button{border:0;border-radius:8px;background:transparent;color:var(--text);min-height:40px;min-width:40px;font-size:.85rem}.editor-bar button:hover{background:var(--surface)}.rich-editor{min-height:430px;background:var(--surface);padding:25px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;line-height:1.7;overflow-wrap:anywhere}.rich-editor img{max-width:100%;height:auto}.rich-editor table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.rich-editor td,.rich-editor th{border:1px solid var(--line);padding:7px}.rich-editor:focus{outline:2px solid var(--accent)}
.flow-steps{display:flex;gap:7px;flex-direction:column;margin:20px 0}.flow-step{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.85rem}.flow-step i{font-style:normal;width:23px;height:23px;border-radius:50%;background:var(--raised);display:grid;place-items:center;font-size:.7rem}.flow-step.active{color:var(--text);font-weight:750}.flow-step.active i{background:var(--accent);color:var(--on-accent)}.editor-sidebar .btn{width:100%}.sticky-actions{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--line);padding:12px 24px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #00000005}.sticky-actions-inner{max-width:1144px;margin:auto;display:flex;gap:10px;justify-content:space-between;align-items:center}.signature-thumb{width:100%;max-width:250px;height:95px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px}.comment{background:var(--raised);padding:15px;border-radius:12px;margin:12px 0}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.82rem}
dialog{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 30px 110px #0003;overflow-y:auto}dialog::backdrop{background:#10172980;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.dialog-head h2{font-size:1.55rem;margin-bottom:0}.dialog-head .eyebrow{margin-bottom:6px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.swatch{display:flex;align-items:center;flex-direction:column;gap:7px;padding:12px 3px;border:2px solid transparent;border-radius:14px;background:var(--raised);color:var(--text);font-size:.74rem;min-height:83px}.swatch span{display:block;width:28px;height:28px;border-radius:50%;background:var(--swatch)}.swatch[aria-pressed=true]{border-color:var(--accent)}.custom-color{display:flex;gap:9px}.custom-color input[type=color]{width:52px;padding:5px;flex-shrink:0}#hex-color{font-family:ui-monospace,monospace;text-transform:uppercase;flex:1;min-width:0}.segmented{display:flex;gap:5px;padding:5px;border-radius:13px;background:var(--raised)}.segmented button{flex:1;border:0;border-radius:9px;background:transparent;color:var(--muted);padding:10px 5px;font-size:.83rem;min-height:44px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 2px 10px #0001}.theme-sample{padding:18px;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;gap:12px;margin:22px 0 10px;font-size:.85rem}.theme-sample p{margin:4px 0 0}.sample-dot{width:11px;height:35px;border-radius:5px;background:var(--accent);flex-shrink:0}.signature-pad{width:100%;height:200px;background:#fff;border:2px dashed #b3bed1;border-radius:15px;touch-action:none;display:block;cursor:crosshair}.sign-hint{text-align:center;color:var(--muted);font-size:.8rem;margin:8px 0 18px}.share-link{font-family:ui-monospace,monospace;font-size:.8rem;overflow-wrap:anywhere;background:var(--raised);padding:16px;border-radius:12px;max-height:120px;overflow:auto;user-select:all}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;flex-wrap:wrap}.dialog-actions .btn{flex:1}.progress-message{margin-top:14px;font-size:.85rem;color:var(--danger)}.team-row{padding:12px 0;border-bottom:1px solid var(--line);font-size:.85rem}.team-row strong{display:block}.file-input{padding:25px;border:2px dashed var(--line);border-radius:15px;text-align:center}
.review-mode #app{max-width:850px;padding-top:28px;padding-bottom:135px}.review-mode .header-actions{display:none}.review-mode .app-header{height:66px;position:relative}.review-mode .brand{font-size:1rem}.review-mode .brand-mark{width:33px;height:33px;font-size:1.3rem}.review-intro h1{font-size:1.7rem;letter-spacing:-.035em;line-height:1.3}.review-intro p{font-size:.93rem;color:var(--muted);margin-bottom:22px}.review-footer{max-width:794px}.review-footer .actions{width:100%;display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.review-footer .btn{min-height:52px}.review-footer .small{text-align:center;display:block;margin-top:7px}.review-success{max-width:530px;margin:6vh auto;text-align:center}.success-icon{width:64px;height:64px;display:grid;place-items:center;font-size:1.8rem;border-radius:50%;background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success);margin:0 auto 22px}
.paper{background:#fff;color:#172136;border:1px solid #dce2ed;border-radius:15px;padding:42px;line-height:1.5;overflow-wrap:anywhere;font:12pt/1.5 "Times New Roman",Georgia,"Traditional Arabic",serif}.paper h1{text-align:center;text-transform:uppercase;font-family:inherit;font-size:17pt;letter-spacing:0;line-height:1.4;margin:12px 0 22px}.paper h2{font-family:inherit;font-size:13pt;letter-spacing:0;margin:28px 0 10px}.paper h3{font-size:12pt;margin:20px 0 10px}.paper p{white-space:pre-wrap;margin:8px 0 12px}.paper img{max-width:100%;height:auto}.paper-org{text-align:center;font-weight:bold;font-size:13pt}.paper-meta{display:grid;grid-template-columns:120px 1fr;gap:4px 14px;margin:22px 0}.paper-status{font-family:"Segoe UI",sans-serif;display:block;text-align:center;font-size:8pt;letter-spacing:.12em;color:#586377}.paper table{width:100%;border-collapse:collapse;margin:14px 0;table-layout:fixed;font-size:11pt}.paper th,.paper td{padding:8px;border:1px solid #8b96a7;vertical-align:top;overflow-wrap:anywhere}.paper th{background:#f4f5f7;text-align:left}.signature-block{margin:36px 0 48px;break-inside:avoid}.signature-block .signature-title{margin-bottom:8px}.signature-block img{height:80px;object-fit:contain;object-position:left;width:210px;display:block}.signature-space{height:75px}.signature-name{font-weight:bold}.signature-lines{line-height:1.5}.paper-footer{border-top:1px solid #dce2ed;margin-top:28px;padding-top:10px;font-size:9pt;color:#657087}.agenda-print h2{break-after:avoid}.decision{padding:10px 14px;background:#f7f8fa}.preview-dialog{max-height:65dvh;overflow:auto;background:var(--bg);padding:12px;border-radius:12px}
#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(15px);z-index:100;background:var(--text);color:var(--surface);padding:13px 22px;border-radius:14px;max-width:calc(100% - 30px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;font-size:.9rem;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#print-area{display:none}.skip-link{position:fixed;top:-100px;background:var(--accent);color:var(--on-accent);padding:12px;z-index:101}.skip-link:focus{top:10px}
@media(max-width:900px){.editor-layout{grid-template-columns:1fr}.editor-sidebar{position:static}.editor-sidebar .flow-steps{display:none}.login-layout{gap:30px}}
@media(max-width:600px){.header-inner{padding:0 18px}.app-header{height:70px}.brand{font-size:1.08rem}.brand-mark{width:35px;height:35px;font-size:1.4rem}.desktop{display:none}#app{padding:28px 16px 120px}.card{padding:21px;border-radius:18px}.login-layout{display:flex;flex-direction:column;gap:28px;margin:5px auto}.login-art{padding:0;max-width:440px}.login-art h1{font-size:2.4rem}.visual-stack{display:none}.login-layout>.card{width:100%;max-width:440px}.grid2{grid-template-columns:1fr;gap:14px}.grid3{gap:8px}.stat{padding:16px 12px}.stat strong{font-size:1.5rem}.stat span{font-size:.7rem}.welcome .actions{margin-top:16px;width:100%}.welcome .actions .btn{flex:1}.toolbar{gap:12px}.toolbar input{max-width:none;order:-1}.filters{width:100%;justify-content:space-between;gap:0}.filter{padding:10px 12px}.doc-card{padding:16px 14px;gap:12px}.doc-icon{width:36px;height:44px;font-size:1rem}.doc-card>.tag{font-size:.65rem;padding:5px 6px}.doc-details strong{font-size:.92rem}.doc-meta{font-size:.72rem;gap:6px}.attendee-row{grid-template-columns:1fr 44px;padding:15px;background:var(--raised);border-radius:12px}.attendee-row label{grid-column:1/2}.attendee-row .remove-row{grid-column:2/3;grid-row:1/4;align-self:center}.agenda-card{padding:16px}.editor-bar{top:70px}.rich-editor{padding:18px;min-height:350px}.sticky-actions{padding-left:16px;padding-right:16px}.sticky-actions-inner>.small{display:none}.sticky-actions-inner>.actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.sticky-actions .btn{padding:11px 10px;font-size:.85rem}.editor-heading .actions{width:100%}.editor-heading .actions .btn{flex:1}.swatches{gap:7px}.swatch{font-size:.7rem}dialog{padding:22px}.paper{padding:22px 18px;font-size:11pt;border-radius:12px}.paper h1{font-size:14pt}.paper-meta{grid-template-columns:88px 1fr;font-size:10pt;gap:4px 7px}.paper table{font-size:9pt}.paper td,.paper th{padding:6px}.review-mode #app{padding:25px 14px 150px}.review-intro h1{font-size:1.5rem}.review-footer .actions{grid-template-columns:1fr 1.25fr}.review-footer .btn{font-size:.85rem;min-height:52px}.signature-pad{height:185px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@page{size:A4;margin:20mm 18mm}@media print{html,body{background:#fff!important;color:#000!important}body>*:not(#print-area){display:none!important}#print-area{display:block!important}.paper{border:0!important;border-radius:0!important;padding:0!important;font-size:12pt;box-shadow:none!important}.paper-meta{grid-template-columns:125px 1fr}.paper table{font-size:11pt}.paper th,.paper td{padding:7px}tr{break-inside:avoid}h1,h2,h3{break-after:avoid}img{max-height:230mm}a{color:inherit}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
a,.accent-text{color:var(--accent-ink,var(--accent))}.brand{color:var(--text)}.doc-icon{color:var(--accent-ink,var(--accent))}.swatch[aria-pressed=true]{border-color:var(--accent-ink,var(--accent))}.review-mode .brand{pointer-events:none}
