:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f6f7f8;--surface:#fff;--surface-raised:#fbfcfd;--surface-muted:#eef1f4;--text:#1f252d;--text-muted:#66717f;--line:#d9dee5;--line-strong:#c6ced8;--accent:#2f6f68;--accent-strong:#1f5750;--blue:#315f89;--amber:#946312;--green:#2d6b4f;--red:#9a3d3d;--indigo:#4d5f8f;--focus:#2f6f6852;--shadow:0 18px 45px #1f252d14;--shadow-soft:0 10px 28px #1f252d0f;--transition:.16s ease;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page);min-width:320px;min-height:100vh;color:var(--text);text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit;min-width:0;max-width:100%}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#ffffff29 0 32%,#0000 33% 100%),linear-gradient(145deg,#2f6f68 0%,#244c60 100%);border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:46px;height:38px;font-size:13px;font-weight:800;line-height:1;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 8px 18px #1f252d1f}.brand-mark:after{content:"";background:#ffffff7a;border-radius:999px;width:14px;height:2px;position:absolute;bottom:6px;right:7px}.brand-text{min-width:0}.brand-title{overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:700}.brand-subtitle{color:var(--text-muted);overflow-wrap:anywhere;margin:2px 0 0;font-size:13px}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.user-chip{border:1px solid var(--line);background:var(--surface-raised);max-width:260px;min-height:38px;color:var(--text-muted);text-align:center;overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;line-height:1.2;display:inline-flex}.user-chip strong{color:var(--text);font-size:13px}.ghost-button,.primary-button,.danger-button{border:1px solid var(--line);text-align:center;white-space:normal;overflow-wrap:anywhere;min-height:38px;transition:border-color var(--transition), background-color var(--transition), box-shadow var(--transition), color var(--transition), transform var(--transition);border-radius:8px;justify-content:center;align-items:center;padding:0 14px;line-height:1.2;text-decoration:none;display:inline-flex}.ghost-button{color:var(--text);background:#fff}.ghost-button:hover{border-color:var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-soft)}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:650}.primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong);box-shadow:var(--shadow-soft)}.danger-button{border-color:var(--red);background:var(--red);color:#fff;font-weight:650}.danger-button:hover{box-shadow:var(--shadow-soft);background:#873333}.compact-button{min-height:32px;padding:0 10px;font-size:12px}.ghost-button:active,.primary-button:active,.danger-button:active{transform:translateY(1px)}.primary-button:disabled,.danger-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.link-button{text-decoration:none}.content{width:min(1440px,100%);margin:0 auto;padding:28px}.workspace-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.workspace-header h1{overflow-wrap:anywhere;margin:0;font-size:36px;line-height:1.12}.workspace-header p{max-width:680px;color:var(--text-muted);margin:10px 0 0;line-height:1.5}.filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.filters select{border:1px solid var(--line);min-width:168px;height:38px;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border-radius:8px;padding:0 10px}.company-context{border:1px solid var(--line-strong);border-left:4px solid var(--accent);background:var(--surface);width:min(360px,100%);box-shadow:var(--shadow-soft);border-radius:8px;gap:12px;padding:14px;display:grid}.company-context-copy{gap:4px;min-width:0;display:grid}.company-context-copy span,.company-context-select span{color:var(--text-muted);text-transform:uppercase;overflow-wrap:anywhere;font-size:12px;font-weight:750;line-height:1.2}.company-context-copy strong{overflow-wrap:anywhere;font-size:18px;line-height:1.2}.company-context-select{gap:6px;display:grid}.company-context-select select{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-height:42px;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);border-radius:8px;padding:0 10px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);background:var(--surface);min-height:124px;box-shadow:var(--shadow);border-radius:8px;min-width:0;padding:18px;animation:.18s both surface-in}.metric-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.metric-label{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:13px}.metric-value{margin:14px 0 6px;font-size:34px;font-weight:760;line-height:1}.metric-note{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.main-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);min-width:0;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);border-radius:8px;animation:.18s both surface-in;overflow:hidden}.panel-focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus), var(--shadow);background:#fbfffe}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:18px;display:flex}.panel-header>div{min-width:0}.panel-header h2{overflow-wrap:anywhere;margin:0;font-size:18px}.panel-header span{color:var(--text-muted);overflow-wrap:anywhere;font-size:13px;line-height:1.4}.app-link{color:var(--accent-strong);overflow-wrap:anywhere;font-size:14px;font-weight:700;text-decoration:none}.app-link:hover{text-decoration:underline}.table-scroll{width:100%;overflow-x:auto}.memo-table{border-collapse:collapse;table-layout:fixed;width:100%}.memo-table th,.memo-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:14px 18px}.memo-table th{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.memo-table tr:last-child td{border-bottom:0}.memo-table tbody tr{transition:background-color var(--transition)}.memo-table tbody tr:hover{background:var(--surface-raised)}.memo-title{overflow-wrap:anywhere;margin:0 0 4px;font-weight:700}.memo-meta{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.4}.status{text-align:center;white-space:normal;overflow-wrap:anywhere;border-radius:999px;align-items:center;max-width:100%;min-height:28px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.status-review{color:var(--blue);background:#e8eff6}.status-revision{color:var(--amber);background:#f4ead7}.status-assigned{color:var(--green);background:#e4f0ea}.status-progress{color:var(--indigo);background:#e7ebf4}.queue-list{background:var(--line);gap:1px;display:grid}.queue-item{min-width:0;transition:background-color var(--transition), transform var(--transition);background:#fff;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:grid}.queue-link:hover{background:#f8fbfa;transform:translate(2px)}.queue-item h3{overflow-wrap:anywhere;margin:0;font-size:15px}.queue-item p{color:var(--text-muted);overflow-wrap:anywhere;margin:5px 0 0;font-size:13px;line-height:1.4}.queue-count{background:var(--surface-muted);font-variant-numeric:tabular-nums;border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:760;display:grid}.admin-content{padding-bottom:60px}.notice{color:var(--red);overflow-wrap:anywhere;background:#fff7f7;border:1px solid #ead5d5;border-radius:8px;margin-bottom:16px;padding:12px 14px;line-height:1.45;animation:.16s both surface-in}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs button{border:1px solid var(--line);min-height:36px;color:var(--text-muted);overflow-wrap:anywhere;transition:border-color var(--transition), background-color var(--transition), color var(--transition);background:#fff;border-radius:8px;padding:0 12px;line-height:1.2}.tabs button.active{border-color:var(--accent);color:var(--accent-strong);background:#e5f0ee;font-weight:700}.admin-grid{grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-wide{grid-column:1/-1}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-panel{gap:14px;padding-bottom:18px;display:grid}.form-panel .panel-header{margin-bottom:0}.form-panel>.field,.form-panel>.primary-button,.form-panel>.form-toggle{margin-inline:18px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f252d6b;place-items:center;padding:24px;animation:.14s both surface-in;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;width:min(620px,100%);max-height:min(760px,100vh - 48px);animation:.17s both modal-in;overflow:auto;box-shadow:0 28px 80px #1f252d47}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;display:flex}.modal-header h2{overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.2}.modal-header span{color:var(--text-muted);overflow-wrap:anywhere;margin-top:5px;font-size:13px;line-height:1.4;display:block}.modal-close{border:1px solid var(--line);width:34px;height:34px;color:var(--text-muted);transition:border-color var(--transition), background-color var(--transition), color var(--transition);background:#fff;border-radius:8px;flex-shrink:0;place-items:center;font-size:22px;line-height:1;display:grid}.modal-close:hover{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text)}.modal-notice{margin:18px 18px 0}.modal-form{gap:14px;padding:18px;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.field{gap:6px;display:grid}.field span{color:var(--text-muted);overflow-wrap:anywhere;font-size:13px;font-weight:650}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);background:#fff;border-radius:8px;padding:8px 10px;line-height:1.3}.field input:focus,.field select:focus,.field textarea:focus,.filters select:focus,.company-context-select select:focus,.setting-section-header select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:0}.field textarea{resize:vertical;min-height:92px}.admin-placeholder{color:var(--text-muted);padding:22px;line-height:1.5}.loading-stack{gap:14px;display:grid}.skeleton-card{align-content:start;gap:14px;display:grid}.skeleton-line,.skeleton-number{background:linear-gradient(90deg,#e8edf2 0%,#f5f7f9 48%,#e8edf2 100%) 0 0/220% 100%;border-radius:999px;animation:1.15s ease-in-out infinite skeleton-shimmer;display:block;overflow:hidden}.skeleton-line{width:72%;height:13px}.skeleton-line.short{width:42%}.skeleton-line.wide{width:92%}.skeleton-number{border-radius:8px;width:68px;height:34px}.memos-content,.notifications-content{padding-bottom:60px}.notification-summary{border:1px solid var(--line);background:var(--surface);min-width:136px;min-height:78px;box-shadow:var(--shadow);border-radius:8px;place-items:center;padding:12px 16px;display:grid}.notification-summary span{font-size:30px;font-weight:760;line-height:1}.notification-summary p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.notifications-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.45fr);align-items:start;gap:18px;display:grid}.panel-actions{align-items:center;gap:12px;display:flex}.notification-list{background:var(--line);gap:1px;display:grid}.notification-row{min-width:0;transition:background-color var(--transition);background:#fff;border-left:3px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:16px 18px;display:grid}.notification-row.unread{border-left-color:var(--accent);background:#f8fbfa}.notification-row div:first-child{gap:8px;display:grid}.notification-row strong{overflow-wrap:anywhere;font-size:15px}.notification-row p{color:var(--text-muted);white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.45}.notification-row small{color:var(--text-muted);overflow-wrap:anywhere}.notification-actions{align-items:center;gap:8px;display:flex}.notification-settings{min-height:520px}.settings-list{background:var(--line);gap:1px;display:grid}.setting-section{background:#fff;gap:12px;padding:16px 18px;display:grid}.setting-section-header{grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:12px;display:grid}.setting-section-header select{border:1px solid var(--line);min-height:36px;color:var(--text);background:#fff;border-radius:8px;padding:0 10px}.event-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.event-checklist label{color:var(--text-muted);overflow-wrap:anywhere;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;display:inline-flex}.event-checklist input{width:15px;height:15px;accent-color:var(--accent)}.settings-save{margin:18px}.role-list{gap:8px;display:grid}.role-chip{border:1px solid var(--line);background:var(--surface-raised);max-width:100%;color:var(--text);overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:inline-flex}.login-shell{background:var(--page);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);border-radius:8px;gap:20px;padding:24px;display:grid}.login-brand{align-items:flex-start}.login-panel h1{margin:0;font-size:30px;line-height:1.15}.login-panel p{color:var(--text-muted);margin:8px 0 0;line-height:1.5}.login-form{gap:14px;display:grid}.login-divider{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{background:var(--line);content:"";flex:1;height:1px}.login-sso-button{width:100%}.auth-gate{background:var(--page);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-gate-panel{border:1px solid var(--line);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:22px;display:grid}.memo-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.toggle-filter{color:var(--text-muted);overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:650;display:inline-flex}.toggle-filter input{width:16px;height:16px;accent-color:var(--accent)}.memos-grid{grid-template-columns:minmax(280px,.42fr) minmax(300px,.54fr) minmax(360px,.76fr);align-items:start;gap:18px;display:grid}.memo-editor textarea{min-height:160px}.memo-list-panel{min-height:520px}.memo-list{background:var(--line);gap:1px;display:grid}.memo-list-item{width:100%;min-height:132px;color:var(--text);text-align:left;overflow-wrap:anywhere;transition:background-color var(--transition), border-color var(--transition), transform var(--transition);background:#fff;border:0;border-left:3px solid #0000;grid-template-columns:1fr;gap:7px;padding:16px;display:grid}.memo-list-item:hover,.memo-list-item.active{border-left-color:var(--accent);background:#f8fbfa}.memo-list-item:active{transform:translateY(1px)}.memo-list-item strong{overflow-wrap:anywhere;font-size:15px}.memo-list-item small{color:var(--text-muted);overflow-wrap:anywhere}.memo-detail{min-height:520px}.detail-body{gap:18px;padding:18px;display:grid}.detail-title{gap:10px;display:grid}.detail-title h3{overflow-wrap:anywhere;margin:0;font-size:21px;line-height:1.25}.detail-title p,.muted-text,.empty-state{color:var(--text-muted);overflow-wrap:anywhere;margin:0;line-height:1.5}.empty-state{background:var(--surface-raised);padding:18px}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.detail-meta div{border-top:1px solid var(--line);padding-top:10px}.detail-meta dt{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.detail-meta dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:650}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.attachment-list,.comments,.timeline,.approval-list{gap:10px;display:grid}.workflow-actions{border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.compact-header{border-bottom:1px solid var(--line);padding:0 0 10px}.compact-header h3{margin:0;font-size:16px}.action-row{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.assignment-form{gap:12px;display:grid}.attachment-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.attachment-row a{color:var(--accent-strong);overflow-wrap:anywhere;font-weight:700;text-decoration:none}.attachment-row span{color:var(--text-muted);font-size:13px}.text-button{color:var(--red);overflow-wrap:anywhere;background:0 0;border:0;font-weight:700}.text-button:disabled{cursor:not-allowed;opacity:.5}.comment-form{gap:10px;display:grid}.comment-form textarea{min-height:88px}.comments h3,.timeline h3,.approval-list h3{margin:0;font-size:16px}.comment{border-top:1px solid var(--line);gap:7px;padding-top:10px;display:grid}.comment div{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.comment span{color:var(--text-muted);font-size:13px}.comment p{overflow-wrap:anywhere;margin:0;line-height:1.45}.approval-row{border-top:1px solid var(--line);gap:7px;padding-top:10px;display:grid}.approval-row div{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.approval-row div span{color:var(--text-muted);font-size:13px}.approval-row p{color:var(--text-muted);overflow-wrap:anywhere;margin:0;line-height:1.45}.result-box{border:1px solid var(--line);background:#f8fbfa;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.result-box strong{font-size:13px}.result-box p{color:var(--text)}.timeline-item{grid-template-columns:14px 1fr;gap:10px;display:grid}.timeline-item>span{background:var(--accent);border-radius:999px;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 4px #e5f0ee}.timeline-item strong{overflow-wrap:anywhere;font-size:14px}.timeline-item p{color:var(--text-muted);overflow-wrap:anywhere;margin:3px 0 0;font-size:13px;line-height:1.45}.status-draft{background:var(--surface-muted);color:var(--text-muted)}.status-completed{color:var(--green);background:#e4f0ea}@keyframes surface-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.main-grid,.admin-grid,.notifications-grid,.memos-grid{grid-template-columns:1fr}.workspace-header{flex-direction:column;align-items:stretch}.company-context{width:100%}}@media (width<=720px){.topbar,.content{padding-inline:16px}.topbar{flex-direction:column;align-items:stretch}.workspace-header h1{font-size:28px}.top-actions,.filters,.panel-actions,.notification-actions{justify-content:stretch;width:100%}.memo-toolbar,.top-actions button,.top-actions a,.filters select{align-items:stretch}.memo-toolbar{flex-direction:column}.tabs,.toggle-filter,.top-actions button,.top-actions a,.filters select{flex:1;width:100%;min-width:0}.detail-meta,.inline-form,.attachment-row,.notification-row,.setting-section-header,.event-checklist,.summary-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}.panel-actions,.notification-actions{flex-wrap:wrap}.modal-backdrop{align-items:start;padding:16px}.modal-panel{max-height:calc(100vh - 32px)}.modal-header{flex-direction:row}.modal-actions{justify-content:stretch}.modal-actions button{flex:1}.queue-item{grid-template-columns:minmax(0,1fr) 44px}.memo-table,.memo-table tbody,.memo-table tr,.memo-table td{width:100%;display:block}.memo-table thead{display:none}.memo-table tr{border-bottom:1px solid var(--line);padding:12px 0}.memo-table td{border:0;padding:8px 16px}.memo-table td+td{padding-top:4px}}
