@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.sdan-quick-scan{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:19px 22px;margin-bottom:18px;border:1px solid #c7d2fe;border-radius:18px;background:linear-gradient(115deg,#f5f7ff,#e8edff)}.sdan-quick-scan b{color:#172554;font-size:17px}.sdan-quick-scan p{margin:3px 0 0;color:#475569;font-size:14px}.sdan-attendance-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.sdan-attendance-stats .panel{margin:0;min-width:0;padding:17px!important}.sdan-attendance-stats .stat strong{font-size:clamp(25px,2.2vw,34px)!important}.sdan-qr-panel,.sdan-attendance-list{border:1px solid #e2e8f0;border-radius:18px;padding:22px;margin:20px 0;background:#fff;scroll-margin-top:100px}.sdan-attendance-subtitle{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#334155}.sdan-attendance-subtitle h3{margin:0;font-size:18px}.sdan-attendance-subtitle p{margin:3px 0 0;font-size:13px;color:#64748b}.sdan-attendance-search{display:flex;gap:12px;margin:0 0 18px;flex-wrap:wrap}.sdan-attendance-search input,.sdan-attendance-search select{padding:11px 13px;border:1px solid #d5ddeb;border-radius:11px;background:#fff;color:#1e293b;min-width:180px}.sdan-attendance-search input{flex:1;min-width:220px}.sdan-task-remove{margin-top:10px!important;background:#fff1f2!important;color:#b91c1c!important;border:1px solid #fecdd3!important}.sdan-task-remove:hover{background:#ffe4e6!important}@media(max-width:1100px){.sdan-attendance-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.sdan-attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sdan-qr-panel,.sdan-attendance-list{padding:14px}.sdan-quick-scan{padding:15px}}.sdan-connect{color:var(--text,#293044);max-width:1160px;margin:0 auto}.connect-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 4px 22px}.connect-intro h2{font-size:clamp(24px,3vw,33px);margin:4px 0 7px;letter-spacing:-.035em}.connect-intro h2 span{color:#7159d7}.connect-intro p{color:#7b8494;margin:0}.connect-overline{font-size:10px;letter-spacing:.16em;font-weight:800;color:#8571cd}.connect-icon-action{border:1px solid #e4e6ed;border-radius:12px;padding:11px;background:transparent;color:inherit;cursor:pointer}.connect-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.connect-tabs button{display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;border:1px solid #e5e5f0;background:var(--card,#fff);color:inherit;cursor:pointer;font-weight:650}.connect-tabs button.selected{background:#eeeaff;border-color:#cfc7ff;color:#6547be}.connect-count{background:#d4415a;color:#fff;padding:2px 7px;border-radius:999px;font-size:11px}.connect-feed-layout{display:grid;grid-template-columns:minmax(0,1fr)230px;gap:17px;align-items:start}.connect-feed{display:grid;gap:16px;min-width:0}.connect-card{background:var(--card,#fff);color:inherit;border:1px solid var(--border,#e6e8ef);box-shadow:0 4px 18px #32286409;border-radius:18px;padding:19px;min-width:0}.connect-card h3{font-size:16px;margin:0 0 12px;display:flex;gap:8px;align-items:center}.connect-compose textarea{display:block;width:100%;resize:vertical;box-sizing:border-box;min-height:92px;padding:13px;border:1px solid #e2e4ed;border-radius:13px;background:transparent;color:inherit;font:inherit}.connect-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:12px}.connect-file{margin-right:auto;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#6a58af;font-weight:600;font-size:13px;overflow-wrap:anywhere}.connect-file input,.connect-file-icon input{display:none}.connect-primary{background:#7156d9;color:#fff;border:0;border-radius:11px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;justify-content:center;font:inherit;font-weight:650}.connect-primary:disabled{opacity:.45;cursor:not-allowed}.connect-plain{background:none;border:none;cursor:pointer;padding:6px;color:#9298a6}.connect-post header{display:flex;align-items:center;gap:10px}.connect-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:39px;height:39px;border-radius:50%;background:#e8e2ff;color:#6449b6;font-weight:800}.connect-avatar.small{width:30px;height:30px;font-size:12px}.connect-author{display:grid;gap:2px;flex:1}.connect-author b{font-size:14px}.connect-author span{font-size:11px;color:#9399a7}.connect-post-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:15px 0}.connect-image{display:block;max-width:100%;width:auto;max-height:420px;object-fit:contain;border-radius:12px;margin:11px 0}.connect-post-stats{display:flex;justify-content:space-between;font-size:12px;color:#8b91a0;padding:13px 0 10px}.connect-post-actions{display:flex;gap:15px;border-top:1px solid #edeef3;border-bottom:1px solid #edeef3;padding:8px 0}.connect-post-actions button,.connect-post-actions span{border:0;background:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:inherit;font-size:13px}.connect-post-actions button{cursor:pointer}.connect-post-actions .liked{color:#db4466}.connect-comments{padding-top:15px;display:grid;gap:11px}.connect-comment{display:flex;align-items:flex-start;gap:8px}.connect-comment.is-reply{margin-left:31px}.connect-comment-main{flex:1;min-width:0}.connect-comment-bubble{background:var(--background,#f5f6fa);border-radius:12px;padding:9px 12px;overflow-wrap:anywhere}.connect-comment-bubble b{font-size:12px}.connect-comment-bubble p{margin:4px 0 0;font-size:13px;white-space:pre-wrap}.connect-comment-tools{display:flex;gap:12px;font-size:11px;color:#959ba8;margin:5px 0}.connect-comment-tools button{font-size:11px;background:none;border:0;cursor:pointer;color:#7764bc}.connect-inline-form{display:flex;gap:7px;width:100%;min-width:0}.connect-inline-form input,.connect-search input,.connect-send input{width:100%;flex:1;min-width:0;border:1px solid #e5e6ef;border-radius:11px;background:var(--input-bg,transparent);color:inherit;padding:10px 12px;font:inherit;font-size:13px}.connect-inline-form button{border:0;background:#eeeaff;color:#7156d9;border-radius:10px;cursor:pointer;padding:0 11px}.connect-feed-side .connect-card{display:flex;flex-direction:column;gap:7px}.connect-feed-side p{font-size:13px;color:#888ea0;line-height:1.5;margin:0 0 6px}.connect-feed-side strong{font-size:23px}.connect-feed-side span{font-size:12px;color:#9197a3;margin-bottom:7px}.connect-chat-layout{display:grid;grid-template-columns:minmax(225px,300px) minmax(0,1fr);gap:16px;align-items:stretch}.connect-room-sidebar{display:flex;flex-direction:column;max-height:640px}.connect-room-list,.connect-dm-list{display:grid;gap:5px;overflow:auto;min-height:0;max-height:260px}.connect-room-list{margin-bottom:18px}.connect-room-list button,.connect-dm-list button{display:flex;gap:9px;align-items:center;text-align:left;line-height:1.35;min-width:0;border:0;padding:10px;background:transparent;color:inherit;border-radius:11px;cursor:pointer;font-size:13px}.connect-room-list button.active{background:#eeeaff;color:#6345b3;font-weight:700}.connect-room-list button span{overflow-wrap:anywhere}.connect-dm-list button:hover,.connect-room-list button:hover{background:var(--background,#f2f0fb)}.connect-search{display:flex;align-items:center;gap:6px;margin-bottom:8px}.connect-search input{padding:9px}.connect-chat{padding:0;display:flex;flex-direction:column;min-height:540px;overflow:hidden}.connect-chat>header{border-bottom:1px solid #ececf2;padding:16px;display:flex;align-items:center;gap:10px;font-size:15px}.connect-message-list{height:435px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:16px}.connect-message{display:flex;flex-direction:column;align-items:flex-start;max-width:84%;gap:4px}.connect-message.mine{align-self:flex-end;align-items:flex-end}.connect-message-name{font-size:11px;color:#9299a6}.connect-bubble{border-radius:14px 14px 14px 3px;background:var(--background,#f0f1f7);padding:10px 13px;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.connect-message.mine .connect-bubble{background:#ece6ff;color:#4c3b91;border-radius:14px 14px 3px}.connect-bubble p{margin:0}.connect-bubble img{max-height:240px}.connect-chat-placeholder{padding:55px 20px;text-align:center;color:#8b91a1;font-size:14px}.connect-send{padding:13px;border-top:1px solid #ececf2}.connect-input-row{display:flex;align-items:center;gap:9px}.connect-file-icon{display:flex;align-items:center;cursor:pointer;color:#7968c0}.connect-file-info{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:11px;color:#898fa0}.connect-file-info button{border:0;background:none;cursor:pointer}.connect-notices{max-width:750px}.connect-notice-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.connect-notice-head button{display:flex;align-items:center;gap:6px;color:#7156d9;border:0;background:none;cursor:pointer}.connect-notice-item{display:flex;width:100%;align-items:center;gap:11px;padding:13px;border:0;border-bottom:1px solid #f1f0f5;background:transparent;text-align:left;color:inherit;cursor:pointer}.connect-notice-item.unread{background:#f7f4ff}.connect-notice-item>span:nth-child(2){flex:1;font-size:13px}.connect-notice-item small{display:block;color:#9aa0ad;font-size:11px;margin-top:4px}.connect-unread-dot{height:8px;width:8px;border-radius:50%;background:#7c5add}.connect-alert{display:flex;justify-content:space-between;gap:10px;border:1px solid #c6e9d9;background:#edfbf4;color:#276b4a;border-radius:11px;padding:11px 14px;margin:10px 0}.connect-alert.connect-error{background:#fff1f0;border-color:#ffd1cd;color:#a03e35}.connect-alert button{border:0;background:none;cursor:pointer;color:inherit}.connect-empty,.connect-muted{color:#9299a6;text-align:center;padding:26px 12px}@media(max-width:900px){.connect-feed-layout{grid-template-columns:1fr}.connect-feed-side{display:none}.connect-chat-layout{grid-template-columns:1fr}.connect-room-sidebar{max-height:280px}.connect-room-list,.connect-dm-list{max-height:115px}.connect-chat{min-height:430px}.connect-message-list{height:320px}}@media(max-width:480px){.connect-tabs button{flex:1;justify-content:center;padding:11px 8px;font-size:12px}.connect-card{padding:13px}.connect-chat{padding:0}.connect-intro{padding-top:8px}.connect-notice-head h3{font-size:14px}}.connect-chat-search{display:flex;gap:8px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--border,#ececf2);color:#858b9b}.connect-chat-search input{border:0;outline:0;background:transparent;color:inherit;flex:1;min-width:0;font:inherit;font-size:13px}.connect-message-tools{display:flex;flex-wrap:wrap;gap:3px;max-width:100%;align-items:center}.connect-message-tools button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#777f91;cursor:pointer;font:inherit;font-size:11px;padding:4px 6px;border-radius:7px}.connect-message-tools button:hover{background:#eeeaff;color:#6244af}.connect-recalled{display:flex;align-items:center;gap:6px;color:#858b9b!important;font-style:italic;background:#f4f4f6!important}.connect-reply-quote{border-left:3px solid #8f77dd;background:#785fc714;padding:7px;border-radius:6px;display:flex;align-items:center;gap:7px;cursor:pointer;margin-bottom:7px;max-width:300px}.connect-reply-quote span,.connect-reply-preview span{display:grid;gap:2px;min-width:0}.connect-reply-quote small,.connect-reply-preview small{font-size:11px;color:#858a9a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.connect-emoji-picker{display:flex;flex-wrap:wrap;gap:4px;background:var(--card,#fff);padding:6px;border-radius:13px;border:1px solid var(--border,#eee);box-shadow:0 4px 10px #0001}.connect-emoji-picker button{font-size:19px;cursor:pointer;border:0;background:transparent;border-radius:7px;padding:3px}.connect-emoji-picker button:hover{background:#eeeaff}.connect-reaction-summary{display:flex;gap:4px;flex-wrap:wrap}.connect-reaction-summary button{border:1px solid #e8e3f7;background:var(--card,#fff);border-radius:16px;cursor:pointer;padding:3px 8px;font-size:12px;color:inherit}.connect-reaction-summary button.mine{border-color:#9078df;background:#efeaff}.connect-reply-preview{display:flex;gap:8px;align-items:center;border-left:3px solid #8d71df;background:#7c5bd112;padding:8px;margin-bottom:9px;border-radius:8px;font-size:12px}.connect-reply-preview span{flex:1}.connect-reply-preview button{border:0;background:transparent;cursor:pointer;color:inherit}.connect-edit-form{display:flex;gap:5px;align-items:center}.connect-edit-form input{flex:1;min-width:0;border:1px solid #ddd6ff;border-radius:8px;padding:7px;color:inherit;background:transparent}.connect-edit-form button{border:0;background:#efeaff;border-radius:7px;cursor:pointer;padding:7px;color:#6851ba}.connect-bubble{min-width:40px}.sdan-qc-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172ab8;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.sdan-qc-modal{width:min(620px,100%);max-height:min(94vh,900px);overflow:auto;background:#fff;color:#0f172a;border-radius:20px;padding:24px;box-shadow:0 20px 70px #00000040}.sdan-qc-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.sdan-qc-head span{color:#4f60cb;font-size:11px;font-weight:800;letter-spacing:.11em}.sdan-qc-head h2{display:flex;align-items:center;gap:10px;font-size:24px;margin:5px 0}.sdan-qc-head p{color:#475569;font-size:14px;margin:0 0 18px}.sdan-qc-close{display:grid;place-items:center;flex-shrink:0;background:#f1f5f9;border:0;border-radius:10px;width:38px;height:38px;cursor:pointer}.sdan-qc-reader{min-height:265px;width:100%;border:1px solid #dbe3ef;border-radius:13px;overflow:hidden;background:#f8fafc}.sdan-qc-reader video{width:100%!important;max-height:400px;object-fit:cover}.sdan-qc-status,.sdan-qc-success,.sdan-qc-error{display:flex;gap:10px;align-items:center;border-radius:11px;padding:12px;font-size:14px;margin:12px 0}.sdan-qc-status{background:#f1f5ff;color:#334155}.sdan-qc-success{background:#ecfdf5;color:#166534}.sdan-qc-error{background:#fef2f2;color:#b91c1c}.sdan-qc-manual{margin-top:18px}.sdan-qc-manual label{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569;margin-bottom:8px}.sdan-qc-manual>div{display:flex;gap:8px}.sdan-qc-manual input{min-width:0;flex:1;border:1px solid #cbd5e1;border-radius:10px;padding:10px}.sdan-qc-manual button{border:0;border-radius:10px;background:#4f60df;color:#fff;font-weight:700;padding:10px 13px;cursor:pointer}.sdan-qc-manual button:disabled{opacity:.5;cursor:not-allowed}.sdan-qc-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.sdan-qc-footer button{border:1px solid #dce3ed;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}@media(max-width:500px){.sdan-qc-modal{padding:16px}.sdan-qc-manual>div{flex-direction:column}.sdan-qc-head h2{font-size:20px}}.personal-missing{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 10px;width:fit-content;max-width:100%;border-radius:9px;background:#fffbeb;color:#a16207;font-size:13px;font-weight:600}.personal-missing span{color:inherit!important;font-weight:600}.personal-missing small{font-size:12px;color:#92400e;font-weight:400}.personal-missing button{display:inline-flex;align-items:center;gap:4px;color:#92400e;background:none;border:0;padding:0 2px;text-decoration:underline;font:inherit;cursor:pointer}.personal-code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.personal-code-row strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.personal-code-row button{display:inline-flex;align-items:center;gap:5px;border:1px solid #dbe3f2;border-radius:8px;background:#fff;color:#3956a2;font-size:12px;font-weight:600;padding:6px 9px;cursor:pointer}.personal-code-row button:hover,.personal-code-row button:focus-visible{background:#eef2ff;border-color:#818cf8}.sidebar-sticker svg{vertical-align:middle;display:inline-block;margin-right:5px;color:#5b67d8}.hero-text p svg{vertical-align:middle;display:inline-block;margin-right:5px}@media(prefers-color-scheme:dark){.personal-missing{background:#332814;color:#fcd34d}.personal-missing small,.personal-missing button{color:#fde68a}}.sdanplus-stack{display:flex;flex-direction:column;gap:18px}.sdanplus-panel{padding:24px}.sdanplus-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.sdanplus-heading h3{margin:0 0 5px;display:flex;align-items:center;gap:8px}.sdanplus-heading p{margin:0;color:#6b7b93;font-size:13px}.sdanplus-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.sdanplus-tools select,.sdanplus-form select,.sdanplus-form input,.sdanplus-form textarea{min-height:40px;border:1px solid #dce4f0;border-radius:10px;padding:9px 12px;background:#fff;color:#25365c;font:inherit;max-width:100%}.sdanplus-form{display:flex;flex-direction:column;gap:14px;border-radius:14px;border:1px solid #e5eafa;background:#f8faff;padding:20px;margin:15px 0}.sdanplus-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.sdanplus-form input[type=radio]{min-height:unset}.sdanplus-form .sdanplus-tools label{display:inline-flex;align-items:center;flex-direction:row}.sdanplus-form textarea{min-height:95px}.sdanplus-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sdanplus-reminder{border:1px solid #e4eafb;background:#fff;border-radius:18px;padding:20px}.sdanplus-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f7}.sdanplus-count{display:inline-flex;background:#c54040;color:#fff;border-radius:12px;font-size:12px;min-width:20px;padding:1px 7px;justify-content:center}.sdanplus-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sdanplus-column{background:#f6f8fd;border:1px solid #e5ebf4;border-radius:16px;padding:13px;min-width:0}.sdanplus-column h4{display:flex;justify-content:space-between;gap:8px;margin:0 0 14px;color:#243357}.sdanplus-column h4 span{background:#e8eefb;border-radius:12px;padding:2px 8px}.sdanplus-task,.sdanplus-post,.sdanplus-resource{border:1px solid #e5eaf4;background:#fff;border-radius:13px;padding:15px;margin-bottom:10px;box-shadow:0 3px 10px #14254406}.sdanplus-task b{display:block;margin:8px 0}.sdanplus-task p,.sdanplus-post p{font-size:13px;color:#5a6683;white-space:pre-wrap;overflow-wrap:anywhere}.sdanplus-task small{display:block;color:#70809b;margin-top:5px}.sdanplus-task .sdanplus-late{color:#c03232;font-weight:700}.sdanplus-priority{font-size:12px;padding:4px 9px;border-radius:9px;background:#edf0f6;color:#566684;font-weight:700}.sdanplus-priority.high{background:#fff2db;color:#a66a13}.sdanplus-priority.urgent{background:#ffe9e9;color:#b32929}.sdanplus-priority.low{background:#e5f7ee;color:#31835a}.sdanplus-small{font-size:12px;color:#7584a1}.sdanplus-alert{padding:12px 14px;background:#f0f5fd;border-radius:10px;color:#455d8e;font-size:13px;margin:10px 0}.sdanplus-error{color:#b32626;background:#ffeded}.sdanplus-ok{color:#1f7951;background:#ecf9f2}.sdanplus-post{padding:20px}.sdanplus-post h4{margin:12px 0}.sdanplus-selected{background:#eaf0ff!important;border-color:#afc2ff!important}.sdanplus-resources{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.sdanplus-resource{display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;color:#25365c;font:inherit;width:100%;gap:9px}.sdanplus-resource small{color:#6d7b98}.sdanplus-resource span{display:flex;gap:5px;align-items:center;font-size:12px;color:#4663b4}.sdanplus-panel .table-wrap{overflow-x:auto}@media(max-width:900px){.sdanplus-kanban,.sdanplus-fields{grid-template-columns:1fr}.sdanplus-heading{flex-direction:column}.sdanplus-panel{padding:14px}}.sdanplus-reports-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.sdanplus-reports-extra h4{margin:0 0 12px}@media(max-width:800px){.sdanplus-reports-extra{grid-template-columns:1fr}}.sdan-collab-author{color:#475569;font-size:13px;margin:8px 0}.sdan-collab-comments{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:12px}.sdan-collab-comment{border-radius:12px;background:#94a3b817;padding:12px;margin:9px 0}.sdan-collab-comment>p,.sdan-collab-reply>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.sdan-collab-reply{border-left:3px solid #a5b4fc;margin:10px 0 0 12px;padding:8px 12px;background:#94a3b812}.sdan-collab-compose{display:flex;gap:8px;align-items:end;margin:10px 0}.sdan-collab-compose textarea{flex:1;min-width:0;resize:vertical;padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:var(--sdan-surface,#fff);color:inherit}.sdan-collab-compose .small-btn{white-space:nowrap}.sdanplus-resource .sdanplus-tools{flex-wrap:wrap}@media(max-width:600px){.sdan-collab-compose{flex-direction:column;align-items:stretch}}.v4-toolbar{display:flex;align-items:center;gap:8px}.v4-tool{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;padding:9px 12px;cursor:pointer;min-height:39px;transition:background .18s,transform .18s,box-shadow .18s}.v4-tool:hover{background:#f1f5ff;box-shadow:0 3px 10px #23386c15}.v4-tool:active{transform:scale(.98)}.v4-tool kbd{font:600 11px Inter,system-ui;border:1px solid #d8e0ef;border-radius:5px;padding:2px 5px;color:#64748b}.v4-icon-tool{width:40px;position:relative}.v4-bell-count{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:20px;background:#d84056;color:#fff;font-size:10px;font-weight:700;padding:0 3px;display:grid;place-items:center}.v4-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0f172a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:clamp(40px,12vh,110px) 14px 20px;display:flex;justify-content:center;align-items:flex-start}.v4-command-dialog{width:min(640px,100%);background:#fff;border-radius:20px;box-shadow:0 28px 90px #080e2940;overflow:hidden;border:1px solid #dbe3f3}.v4-command-input{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #e2e8f0;color:#64748b}.v4-command-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:16px}.v4-command-input button,.v4-panel-heading button{border:0;background:transparent;cursor:pointer;color:inherit}.v4-command-results{max-height:min(460px,56vh);overflow:auto;padding:9px}.v4-command-results button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px;text-align:left;border:0;background:transparent;border-radius:10px;cursor:pointer;color:#1e293b}.v4-command-results button:hover,.v4-command-results button:focus-visible{background:#edf2ff}.v4-command-results b,.v4-command-results small{display:block}.v4-command-results small{color:#64748b;font-size:12px;margin-top:2px}.v4-command-empty{padding:22px;text-align:center;color:#64748b}.v4-command-foot{font-size:11px;color:#64748b;padding:10px 15px;background:#f8fafc}.v4-notice-panel{position:fixed;z-index:8100;top:74px;right:20px;width:min(380px,calc(100vw - 32px));background:#fff;border:1px solid #e2e8f0;box-shadow:0 15px 45px #0f172a24;border-radius:18px;padding:14px;color:#0f172a}.v4-panel-heading{display:flex;justify-content:space-between;align-items:center}.v4-notice-panel>p{font-size:12px;color:#64748b;line-height:1.5}.v4-alert-item{display:flex;align-items:center;gap:11px;width:100%;padding:12px 7px;background:transparent;border:0;border-top:1px solid #f1f5f9;cursor:pointer;text-align:left;color:#334155}.v4-alert-item:hover{background:#f8faff}.v4-alert-item span{flex:1;min-width:0}.v4-alert-item b,.v4-alert-item small{display:block}.v4-alert-item small{font-size:11px;color:#64748b;margin-top:3px}.v4-alert-empty{display:flex;align-items:center;gap:9px;padding:14px 6px;color:#387756}.v4-progress-card{background:#fff;border:1px solid #e4e9f4;border-radius:20px;padding:18px 22px;margin-bottom:20px;box-shadow:0 3px 14px #2b42800b}.v4-progress-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.v4-progress-title b,.v4-progress-title small{display:block}.v4-progress-title b{font-size:15px;color:#1e293b}.v4-progress-title small,.v4-progress-card>small{font-size:12px;color:#64748b}.v4-progress-title strong{font-size:29px;color:#435bd5}.v4-progress-track{height:10px;background:#e9edfa;border-radius:100px;overflow:hidden;margin:13px 0 7px}.v4-progress-track span{height:100%;display:block;border-radius:100px;background:linear-gradient(90deg,#4558bd,#65a1eb);transition:width .25s ease}.v4-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 0}.v4-pagination button{border:1px solid #dce4f1;border-radius:10px;background:#fff;color:#334155;padding:8px 14px;font-weight:600;cursor:pointer}.v4-pagination button:disabled{opacity:.45;cursor:not-allowed}.v4-pagination span{font-size:13px;color:#475569}.v4-skeleton{animation:v4enter .2s ease}.v4-sk-hero,.v4-sk-card>div{background:linear-gradient(90deg,#e8edf6 20%,#f5f7fb 46%,#e8edf6 70%);background-size:200% 100%;animation:v4shimmer 1.4s ease infinite;border-radius:13px}.v4-sk-hero{height:190px;margin-bottom:22px}.v4-sk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.v4-sk-card{padding:20px;background:#fff;border-radius:20px}.v4-sk-card>div{height:17px;margin-bottom:16px}.v4-sk-card>div:nth-child(2){width:65%;height:34px}.v4-sk-card>div:nth-child(3){width:75%;height:11px;margin-bottom:0}@keyframes v4shimmer{to{background-position-x:-200%}}@keyframes v4enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page>div:not(.page-heading){animation:v4enter .18s ease}.workspace .sidebar .nav-btn,.workspace .panel,.workspace .task-card,.workspace .primary,.workspace .outline{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.workspace .panel:hover{box-shadow:0 8px 26px #354e8012}.workspace .task-card:hover{transform:translateY(-2px)}.workspace button:focus-visible{outline:3px solid #6781ed;outline-offset:2px}.workspace .hero{background:radial-gradient(ellipse at 75% 25%,#819cf399,transparent 45%),radial-gradient(ellipse at 16% 85%,#667ae780,transparent 42%),linear-gradient(115deg,#394b9c,#607ede);border:1px solid #ffffff50}.workspace .hero .center-emblem{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[data-sdan-theme=dark] body,html[data-sdan-theme=dark] #root{background:#0e1526;color:#e5edf9}html[data-sdan-theme=dark] .workspace,html[data-sdan-theme=dark] .work-content,html[data-sdan-theme=dark] .page{background:#10182b;color:#e5edf9}html[data-sdan-theme=dark] .sidebar,html[data-sdan-theme=dark] .topbar,html[data-sdan-theme=dark] .panel,html[data-sdan-theme=dark] .v4-progress-card,html[data-sdan-theme=dark] .v4-tool,html[data-sdan-theme=dark] .v4-command-dialog,html[data-sdan-theme=dark] .v4-notice-panel,html[data-sdan-theme=dark] .modal{background:#19243a;color:#e7edf8;border-color:#33435b}html[data-sdan-theme=dark] .page h1,html[data-sdan-theme=dark] .page h2,html[data-sdan-theme=dark] .page h3,html[data-sdan-theme=dark] .panel b,html[data-sdan-theme=dark] .panel strong,html[data-sdan-theme=dark] .sidebar .nav-btn,html[data-sdan-theme=dark] .v4-progress-title b,html[data-sdan-theme=dark] .v4-command-results button,html[data-sdan-theme=dark] .v4-command-input input{color:#edf3ff}html[data-sdan-theme=dark] .page .muted,html[data-sdan-theme=dark] .page small,html[data-sdan-theme=dark] .page p,html[data-sdan-theme=dark] .v4-progress-card small,html[data-sdan-theme=dark] .v4-command-foot{color:#abbad1}html[data-sdan-theme=dark] .table-wrap th,html[data-sdan-theme=dark] .table-wrap td{color:#d6e1f3;background:#19243a;border-color:#33435b}html[data-sdan-theme=dark] .workspace input,html[data-sdan-theme=dark] .workspace select,html[data-sdan-theme=dark] .workspace textarea,html[data-sdan-theme=dark] .v4-pagination button{background:#172237;color:#e5edf9;border-color:#40516b}html[data-sdan-theme=dark] .v4-command-foot,html[data-sdan-theme=dark] .v4-command-results button:hover{background:#24334b}html[data-sdan-theme=dark] .v4-command-input{border-color:#33435b}html[data-sdan-theme=dark] .v4-progress-track{background:#34445e}html[data-sdan-theme=dark] .v4-sk-card{background:#1b2840}html[data-sdan-theme=dark] .workspace .sidebar .nav-btn.active{background:#2c3d67;color:#e5edff}html[data-sdan-theme=dark] .v4-tool kbd{color:#bac7dd;border-color:#435572}@media(max-width:850px){.v4-search-trigger span,.v4-search-trigger kbd{display:none}.v4-sk-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.v4-toolbar{gap:4px}.v4-tool{padding:8px}.v4-icon-tool{width:36px}.v4-sk-grid{grid-template-columns:1fr 1fr}.v4-notice-panel{top:65px;right:10px}}@media(prefers-reduced-motion:reduce){.v4-skeleton *,.page>div:not(.page-heading),.workspace .panel,.workspace .task-card,.v4-tool,.v4-progress-track span{animation:none!important;transition:none!important;transform:none!important}}.ex-root{margin:22px 0 28px;color:var(--text,#0f172a)}.ex-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px}.ex-head h2{font-size:24px;letter-spacing:-.035em;margin:5px 0}.ex-head p,.ex-panel-title p{margin:3px 0;color:#64748b;font-size:13px}.ex-eyebrow{display:inline-flex;gap:6px;align-items:center;color:#4f46e5;font-size:10px;font-weight:800;letter-spacing:.12em}.ex-link{border:1px solid #c7d2fe;padding:9px 12px;border-radius:11px;background:transparent;color:#4f46e5;font-weight:700;display:inline-flex;gap:7px;align-items:center;cursor:pointer;white-space:nowrap}.ex-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ex-kpi{position:relative;overflow:hidden;min-width:0;padding:19px;border-radius:17px;background:linear-gradient(133deg,#eef2fff2,#fffffff7 65%,#ccfbf199);border:1px solid rgba(165,180,252,.48);box-shadow:0 7px 22px #4f46e50e}.ex-kpi:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#6366f1,#2dd4bf)}.ex-kpi>span{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:700;color:#475569}.ex-kpi strong{display:block;font-size:clamp(27px,2.5vw,40px);letter-spacing:-.05em;margin:10px 0 4px;font-weight:800}.ex-kpi small,.ex-kpi em{display:block;color:#64748b;font-size:11.5px;line-height:1.5;font-style:normal}.ex-kpi em{margin-top:6px;color:#7c3aed}.ex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:17px}.ex-panel{min-width:0;border-radius:17px;border:1px solid #e2e8f0;background:var(--ex-surface,#fff);box-shadow:0 4px 18px #0f172a09;padding:18px}.ex-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px}.ex-panel-title h3{font-size:16px!important;display:flex;align-items:center;gap:8px;margin:0;font-weight:750}.ex-dept{padding:11px 0;border-bottom:1px solid #e2e8f0}.ex-dept:last-child{border:0}.ex-dept-head,.ex-progressline{display:flex;align-items:center;gap:10px}.ex-dept-head{justify-content:space-between;margin-bottom:7px}.ex-dept-head b{font-size:13px}.ex-dept-head span,.ex-progressline>span{font-size:11px;color:#64748b}.ex-progressline{margin:5px 0}.ex-progressline>span{width:68px;flex-shrink:0}.ex-progressline>b{font-size:12px;width:40px;text-align:right}.ex-track{height:7px;flex:1;background:#e2e8f0;border-radius:12px;overflow:hidden}.ex-track>div{height:100%;background:#6366f1;border-radius:12px}.ex-track-teal>div{background:#0d9488}.ex-heatmap{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:5px;margin-top:24px}.ex-square{height:14px;background:#4f46e5;border-radius:3px;min-width:0}.ex-heatlegend{display:flex;gap:4px;justify-content:flex-end;align-items:center;margin-top:13px;font-size:11px;color:#64748b}.ex-heatlegend>span[class^=ex-leg]{width:11px;height:11px;background:#4f46e5;border-radius:2px}.ex-leg1{opacity:.2}.ex-leg2{opacity:.4}.ex-leg3{opacity:.65}.ex-leg4{opacity:1}.ex-range{display:flex;gap:2px;padding:3px;border-radius:9px;background:#f1f5f9}.ex-range button{padding:5px 8px;font-size:11px;border:0;background:transparent;color:#64748b;cursor:pointer;border-radius:7px}.ex-range button.selected{background:#fff;color:#4338ca;font-weight:700;box-shadow:0 1px 3px #ddd}.ex-person,.ex-approval{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e2e8f0;padding:10px 0}.ex-person:last-of-type,.ex-approval:last-of-type{border-bottom:0}.ex-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:800;flex-shrink:0}.ex-person>div,.ex-approval>div:first-child{flex:1;min-width:0}.ex-person b,.ex-approval b{display:block;font-size:13px}.ex-person small,.ex-approval small{display:block;font-size:11px;color:#64748b;margin-top:3px}.ex-person>strong{font-size:13px;white-space:nowrap;color:#4338ca}.ex-count{background:#fff7ed;color:#c2410c;padding:5px 9px;border-radius:22px;font-size:11px;font-weight:750;white-space:nowrap}.ex-actions{display:flex;gap:5px}.ex-actions button{border:1px solid #cbd5e1;background:transparent;border-radius:8px;padding:6px 8px;font-size:11px;display:flex;align-items:center;gap:3px;cursor:pointer}.ex-actions button:first-child{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.ex-actions button:disabled{opacity:.45;cursor:wait}.ex-self{font-size:11px;color:#64748b}.ex-footnote{font-size:11px;line-height:1.5;color:#64748b;margin:16px 0 0;display:flex;gap:5px;align-items:flex-start}.ex-muted{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.ex-error{font-size:12px;color:#b91c1c}.ex-more{margin-top:12px}.ex-root button:hover:not(:disabled){filter:brightness(.96)}[data-theme=dark] .ex-panel,.dark .ex-panel{--ex-surface:#182235;color:#e2e8f0;border-color:#334155}[data-theme=dark] .ex-kpi,.dark .ex-kpi{background:linear-gradient(133deg,#273451,#1f2937);color:#f8fafc;border-color:#334155}[data-theme=dark] .ex-kpi>span,.dark .ex-kpi>span{color:#cbd5e1}[data-theme=dark] .ex-dept,.dark .ex-dept,[data-theme=dark] .ex-person,.dark .ex-person,[data-theme=dark] .ex-approval,.dark .ex-approval{border-color:#334155}@media(max-width:1100px){.ex-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ex-grid{grid-template-columns:1fr}.ex-head{align-items:flex-start}.ex-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-kpi{padding:13px}.ex-kpi strong{font-size:28px}.ex-head h2{font-size:19px}}@media(max-width:440px){.ex-kpis{grid-template-columns:1fr}.ex-head{display:block}.ex-head .ex-link{margin-top:8px}}@media(prefers-reduced-motion:reduce){.ex-root *{scroll-behavior:auto!important;transition:none!important}}:root{font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;color:#1e2a48;background:#f6f8fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#7da7e4!important;box-shadow:0 0 0 3px #e5efff}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}.muted{color:#8a9bb4;font-size:12px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:.125em;font-weight:800;color:#4e78c2;display:flex;align-items:center;gap:9px}.eyebrow.light{color:#bbdbff}.live-dot{height:8px;width:8px;background:#50c1a0;border-radius:50%;box-shadow:0 0 0 5px #daf5e9}.primary,.outline,.ghost,.hero-btn,.small-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:11px 16px;font-weight:750;font-size:12px;white-space:nowrap}.primary{border:1px solid #356bd2;background:#356bd2;color:#fff;box-shadow:0 5px 15px #3667c120}.primary:hover{background:#2456be}.outline{background:#fff;border:1px solid #e0e8f3;color:#54708f}.outline:hover{border-color:#86afe6;background:#fafdff}.ghost{border:0;background:transparent;color:#58749a}.wide{width:100%}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.13fr .87fr;background:#fff}.auth-art{position:relative;padding:56px clamp(40px,6vw,100px);display:flex;flex-direction:column;justify-content:center;min-height:100vh;background:radial-gradient(circle at 93% 20%,#88b3fa7c,transparent 36%),linear-gradient(138deg,#23448f,#406fd1 62%,#7595e3);overflow:hidden;color:#fff}.auth-logo{position:absolute;top:47px;left:clamp(40px,6vw,100px);font-size:28px;font-weight:900;letter-spacing:.02em}.auth-logo span{font-size:11px;letter-spacing:.2em;font-weight:700;color:#b6d6ff}.auth-art h1{font-size:clamp(39px,4.8vw,74px);line-height:1.14;margin:24px 0;position:relative;z-index:1}.auth-description{font-size:16px;line-height:1.9;max-width:500px;color:#e0eaff;position:relative;z-index:1}.auth-benefits{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px;position:relative;z-index:1}.auth-benefits span{border:1px solid #ffffff40;background:#ffffff16;border-radius:40px;padding:10px 15px;font-size:12px}.float-sticker{position:absolute;filter:drop-shadow(0 20px 20px #18295c30);pointer-events:none}.s1{font-size:170px;top:7%;right:-2%;color:#ffffff16}.s2{font-size:72px;right:10%;bottom:18%;transform:rotate(16deg)}.s3{font-size:50px;left:10%;bottom:10%;transform:rotate(-22deg)}.auth-side{display:grid;place-items:center;padding:30px}.auth-box{width:min(440px,100%)}.auth-icon{background:#ebf1ff;border-radius:19px;padding:16px;width:60px;height:60px;color:#3d6ac5;margin-bottom:26px}.auth-box h2{font-size:29px;margin:12px 0}.auth-box form{display:grid;gap:12px;margin-top:27px}.auth-box form label{font-size:12px;font-weight:750;color:#465777}.auth-box input{border:1px solid #dfe7f2;border-radius:11px;padding:14px 15px;background:#fcfdff}.auth-box form button{margin-top:14px;padding:15px}.auth-trust{border-top:1px solid #edf0f6;margin-top:30px;padding-top:19px;display:flex;gap:8px;align-items:center;color:#9aaac0;font-size:11px}.alert{border-radius:12px;background:#f0f5ff;padding:13px 16px;color:#456caa;font-size:13px;line-height:1.7;margin:16px 0}.alert.error{background:#fff0f1;color:#ba3b4d}.workspace{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 266px;background:#fff;border-right:1px solid #e9eef6;display:flex;flex-direction:column;z-index:25}.brand{height:91px;display:flex;gap:13px;align-items:center;padding:0 23px;border-bottom:1px solid #eef1f7}.brand-symbol{width:44px;height:44px;background:linear-gradient(130deg,#2f4b98,#3e70d3);color:#fff;font-size:28px;font-weight:800;display:grid;place-items:center;border-radius:14px}.brand b{font-size:20px;color:#1f325d}.brand small{display:block;color:#9dabca;font-size:9px;letter-spacing:.13em;font-weight:800;margin-top:3px}.team-switch{margin:19px 12px 23px;border:1px solid #e5ebf5;border-radius:14px;display:flex;align-items:center;gap:10px;padding:11px}.team-icon{width:38px;height:38px;border-radius:10px;background:#ecf3ff;display:grid;place-items:center;font-size:20px}.team-switch>div:nth-child(2){flex:1;min-width:0}.team-switch b{font-size:11px;display:block}.team-switch small{font-size:9px;color:#99a7bd;margin-top:5px;display:block}.team-switch svg{color:#9aa9bf}.nav-heading{color:#a4b0c4;font-size:10px;font-weight:850;letter-spacing:.06em;margin:0 22px 11px}.sidebar nav{overflow-y:auto;padding:0 11px;flex:1}.nav-btn{display:flex;align-items:center;gap:13px;border:0;background:transparent;border-radius:11px;padding:13px;margin:2px 0;width:100%;text-align:left;color:#7283a0;font-size:12px;font-weight:750}.nav-btn span{flex:1}.nav-btn:hover{background:#f5f8ff}.nav-btn.active{color:#356ed0;background:#edf3ff}.nav-btn em{font-size:13px;color:#5c7cc1;font-style:normal}.sidebar-bottom{padding:15px;border-top:1px solid #edf1f7}.sidebar-sticker{background:linear-gradient(125deg,#edf3ff,#f8edff);border-radius:13px;padding:17px;color:#496eb4;font-size:15px}.sidebar-sticker b{font-size:12px}.sidebar-sticker span{display:block;font-size:10px;color:#96a0b9;margin-top:8px;line-height:1.5}.work-content{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;border-bottom:1px solid #ebeff6}.crumb{font-size:12px;color:#a1aec2;display:flex;align-items:center;gap:13px}.crumb b{color:#243755}.top-actions{display:flex;gap:17px;align-items:center}.avatar{width:39px;height:39px;background:#dfebff;border-radius:50%;display:grid;place-items:center;color:#416fbd;font-weight:850}.pill{font-size:10px;padding:7px 11px;border-radius:30px;font-weight:750;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.pill.blue{background:#edf3ff;color:#4473c5}.pill.green{background:#e9f8f0;color:#28966b}.pill.red{background:#fff0f1;color:#bf5860}.pill.muted{background:#f2f5fa;color:#8595aa}.page{padding:38px clamp(19px,3.3vw,54px);width:100%;max-width:1680px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font-size:clamp(27px,2.65vw,38px);margin:15px 0 7px}.page-heading .muted{font-size:13px;margin:0}.refresh{align-self:center}.footer{padding:14px 40px 24px;display:flex;justify-content:space-between;gap:10px;color:#a6b2c5;font-size:10px}.mobile-menu{display:none}.toast{border-radius:11px;padding:13px 16px;display:flex;gap:12px;align-items:center;font-size:12px;margin-bottom:18px}.toast button{background:transparent;border:0;margin-left:auto}.toast.success{color:#1f875c;background:#eaf9f1}.toast.danger{color:#ae3852;background:#fff0f2}.hero{min-height:270px;border-radius:22px;background:linear-gradient(115deg,#304e9c,#4478d4 70%,#6a90e4);color:#fff;padding:38px 48px;display:flex;justify-content:space-between;position:relative;overflow:hidden}.hero-text{position:relative;z-index:2}.hero-text>p{font-size:11px;letter-spacing:.15em;font-weight:800;color:#c7dfff;margin-bottom:17px}.hero h2{font-size:clamp(25px,2.5vw,36px);line-height:1.36;margin:0 0 13px}.hero-text>span{font-size:12px;line-height:1.75;max-width:520px;display:block;color:#e3edff}.hero-btn{border:0;background:#fff;color:#365ba9;margin-top:24px}.hero-graphic{width:300px;position:relative}.orbit{position:absolute;border:1px solid #ffffff4b;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:260px;height:260px}.orbit-two{width:390px;height:390px}.center-emblem{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:72px;padding:27px;background:#ffffff27;border:1px solid #ffffff66;border-radius:32px}.hero-star{position:absolute;color:#c3d8ff;font-size:40px}.hero-star.a{top:15%;left:8%}.hero-star.b{bottom:6%;right:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:23px 0 25px}.panel{background:#fff;border:1px solid #e8edf6;border-radius:19px;box-shadow:0 9px 26px #1e3c7305;padding:24px;min-width:0}.stat{display:flex;flex-direction:column;min-height:160px}.stat-emoji{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;font-size:23px;margin-bottom:16px}.lavender{background:#f4edff}.mint{background:#e9f9f2}.peach{background:#fff4e5}.sky{background:#eaf3ff}.stat>span{color:#7f92af;font-size:12px;font-weight:600}.stat strong{font-size:34px;line-height:1.1;margin:9px 0}.stat small{color:#a0afc5;font-size:10px}.two-col{display:grid;grid-template-columns:1.08fr .92fr;gap:19px;margin-bottom:23px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:23px}.section-heading h3{font-size:18px;margin:0 0 7px;display:flex;align-items:center;gap:9px}.section-heading p{color:#9aaac1;font-size:11px;margin:0}.section-heading.outside{margin:0 0 20px}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.link{font-size:11px;background:transparent;border:0;color:#346fcb;font-weight:750}.feed-row,.schedule-row{display:flex;gap:14px;align-items:center;padding:16px 0;border-top:1px solid #f0f3f9}.feed-row:first-of-type,.schedule-row:first-of-type{border-top:0}.feed-dot{height:34px;width:34px;background:#f0edff;border-radius:10px;display:grid;place-items:center}.feed-row>div{min-width:0}.feed-row b,.schedule-row b{font-size:12px}.feed-row p{font-size:11px;color:#8193ad;margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-row small,.schedule-row small{font-size:10px;color:#9aa9c0;display:block;margin-top:7px}.date-tile{width:47px;height:51px;background:#eef4ff;color:#336fc8;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.date-tile b{font-size:19px}.date-tile span{font-size:9px}.schedule-row>div:nth-child(2){flex:1}.empty{min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#a2afc1;font-size:12px;text-align:center}.empty div{font-size:29px}.searchbar{display:flex;align-items:center;gap:12px;color:#a0b1c6;border:1px solid #e5ebf5;border-radius:11px;padding:0 15px;margin-bottom:22px}.searchbar input{border:0;padding:15px 0;flex:1;box-shadow:none!important;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}thead{background:#f8faff}th{padding:15px;text-align:left;color:#99a9c0;font-size:11px}td{padding:19px 15px;border-bottom:1px solid #edf1f7;color:#7385a0;font-size:11px}tbody tr:last-child td{border-bottom:0}.name-cell{display:flex;align-items:center;gap:12px;color:#283c5e}.mini-avatar{width:36px;height:36px;background:#e9efff;color:#4d71c7;display:grid;place-items:center;border-radius:10px;font-size:15px;font-weight:850;flex-shrink:0}.wrap-cell{max-width:230px;line-height:1.6}.inline-actions{display:flex;flex-wrap:wrap;gap:5px}.small-btn{border:1px solid #e0e8f5;background:#fff;color:#406abb;padding:7px 10px;font-size:10px;border-radius:9px}.small-btn:hover{background:#edf4ff}.dept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.dept-head{display:flex;justify-content:space-between;align-items:center}.dept-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:27px}.department h3{font-size:16px;margin:18px 0 7px}.dept-members{border-top:1px solid #f0f3f8;margin-top:19px;padding-top:12px}.dept-person{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:11px}.dept-person span:first-child{flex:1}.icon-btn{background:none;border:0;padding:7px;color:#879cb5;display:grid;place-items:center}.event-item{display:flex;gap:20px;align-items:center;border-top:1px solid #f0f3f9;padding:24px 0}.event-item:first-child{border-top:0}.date-large{width:73px;height:78px;background:#ebf3ff;color:#3b73cd;border-radius:17px;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-shrink:0}.date-large strong{font-size:28px}.date-large span{font-size:9px;font-weight:700}.event-info{flex:1;min-width:0}.event-info b{font-size:15px}.event-info p{font-size:12px;color:#7f91ad;margin:8px 0}.event-info small{font-size:10px;color:#9cacc1;line-height:1.7}.event-side{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.event-side small{color:#9aa8b9}.select-input{border:1px solid #dce7f5;background:#fff;border-radius:11px;padding:12px 15px;max-width:360px}.task-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.task-column{background:#f8faff;padding:14px;border-radius:14px;min-height:210px}.task-column-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0 17px}.task-column-head b{font-size:12px}.task-card{padding:16px;border-radius:13px;background:#fff;border:1px solid #edf0f7;margin-bottom:12px;box-shadow:0 3px 12px #203d6907}.task-card>b{font-size:12px}.task-card p{font-size:11px;color:#91a1b6;line-height:1.6;margin:8px 0}.task-card span,.task-card small{display:block;font-size:10px;color:#7e92ac;margin-top:7px}.task-actions{display:flex;gap:6px;margin-top:15px}.task-blank{color:#a7b3c5;font-size:11px;text-align:center;padding:32px 0}.post{display:flex;gap:18px;border-top:1px solid #f0f4f9;padding:25px 0}.post:first-of-type{border-top:0}.post-icon{font-size:23px;background:#f2efff;border-radius:14px;height:50px;width:50px;display:grid;place-items:center}.post b{font-size:14px}.post small{display:block;color:#a2b0c3;margin-top:7px;font-size:10px}.post p{margin:13px 0 0;white-space:pre-wrap;color:#71849e;line-height:1.75;font-size:12px}.report-item{margin-bottom:22px}.report-item>div:first-child{display:flex;justify-content:space-between;gap:15px}.report-item b{font-size:11px}.report-item small{color:#94a5b9;font-size:10px}.progress{height:7px;border-radius:10px;background:#eef2fa;overflow:hidden;margin-top:10px}.progress>div{height:100%;background:linear-gradient(90deg,#4076d7,#7a9eef);border-radius:10px}.audit-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #eff2f8}.audit-dot{color:#6390db}.audit-row div{flex:1}.audit-row b{font-size:12px;display:block}.audit-row small{font-size:10px;color:#a1aec1;display:block;margin-top:6px}.audit-row time{font-size:10px;color:#98a8bd}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#15294c8c;z-index:80;display:flex;align-items:center;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background:#fff;border-radius:22px;padding:27px;width:min(550px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #15254d4b}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.modal-head h2{font-size:21px;margin:7px 0 22px}.modal form{display:grid;gap:16px}.field{display:grid;gap:8px;color:#486080;font-size:12px;font-weight:750}.field>input,.field>select,.field>textarea{width:100%;border:1px solid #dee7f2;border-radius:10px;padding:12px;background:#fdfdff;color:#263b5a;font-weight:500}.field textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-grid{display:grid;gap:12px;background:#f8faff;padding:12px;border-radius:12px}.checkbox-grid label{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:550}.help{font-size:11px;color:#8fa0b8;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf1f7;margin-top:6px;padding-top:20px}@media(max-width:1200px){.sidebar{flex-basis:236px}.page{padding:30px 25px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.hero-graphic{width:210px}.orbit-two{width:320px;height:320px}}@media(max-width:880px){.sidebar{position:fixed;left:0;top:0;transform:translate(-101%);transition:transform .2s;width:270px;box-shadow:14px 0 25px #1a31501a}.sidebar.show{transform:translate(0)}.mobile-menu{display:block;background:transparent;border:0;color:#5776a8}.topbar{height:68px;padding:0 19px}.crumb{margin-right:auto}.hero-graphic{display:none}.auth-shell{grid-template-columns:1fr}.auth-art{min-height:430px;padding:110px 45px 60px}.auth-side{padding:50px 25px}.auth-logo{left:45px}.dept-grid{grid-template-columns:1fr}}@media(max-width:640px){.page{padding:22px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.refresh{font-size:0;padding:11px}.stats{gap:10px}.stat{padding:15px;min-height:142px}.stat strong{font-size:26px}.stat-emoji{width:40px;height:40px;margin-bottom:10px}.hero{padding:28px 25px;min-height:240px}.hero h2{font-size:24px}.panel{padding:17px}.section-heading{flex-direction:column}.heading-actions{width:100%}.heading-actions button{flex:1}.event-item{flex-wrap:wrap;gap:12px}.event-info{flex-basis:calc(100% - 95px)}.event-side{width:100%;flex-direction:row;justify-content:flex-end;align-items:center}.task-columns,.form-grid{grid-template-columns:1fr}.footer{padding:20px;display:block}.footer span{display:block;margin-top:5px}.topbar .pill{display:none}.auth-art{padding:108px 25px 60px}.auth-logo{left:25px}.auth-art h1{font-size:39px}.select-input{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.personal-page{font-family:Inter,system-ui,sans-serif;display:grid;gap:20px}.personal-heading,.personal-summary,.personal-line,.personal-event{display:flex;justify-content:space-between;align-items:center;gap:16px}.personal-heading h2,.personal-summary h2{margin:0}.personal-heading p,.personal-summary p{margin:5px 0;color:#64748b}.personal-avatar{width:84px;height:84px;flex-shrink:0;border-radius:22px;background:#e1e9f8;display:grid;place-items:center;font-size:32px;font-weight:700;color:#25416c;overflow:hidden}.personal-avatar img{width:100%;height:100%;object-fit:cover}.personal-summary{justify-content:flex-start}.personal-status{margin-left:auto;border-radius:999px;background:#e7f8ee;color:#166534;padding:8px 12px;font-weight:600;font-size:13px}.personal-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.personal-stat-grid .panel{display:grid;gap:12px}.personal-stat-grid strong{font-size:24px}.personal-stat-grid small{color:#64748b}.personal-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.personal-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:9px;color:#475569;font:inherit;cursor:pointer}.personal-tabs button.active{background:#e7efff;color:#1d4ed8;font-weight:700}.personal-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.personal-field{display:grid;gap:6px;min-width:0}.personal-field span{color:#64748b;font-size:12px}.personal-field strong{overflow-wrap:anywhere;font-size:14px}.personal-hint{display:flex;gap:9px;align-items:center;color:#64748b;font-size:13px;margin-top:20px}.personal-line,.personal-event{padding:16px 0;border-bottom:1px solid #edf1f6}.personal-event p,.personal-line p{color:#64748b;margin:5px 0}.personal-event small,.personal-line small{color:#64748b}.personal-event>div:last-child{display:grid;justify-items:end;gap:10px;flex-shrink:0}.personal-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.personal-form{display:grid;gap:12px}.personal-form label{display:grid;gap:6px}.personal-form input{width:100%;box-sizing:border-box}.personal-upload-button{display:inline-flex;position:relative;cursor:pointer}.personal-upload{margin:18px 0}.personal-empty{text-align:center;padding:36px}@media(max-width:900px){.personal-stat-grid,.personal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.personal-heading,.personal-summary,.personal-event{align-items:flex-start;flex-wrap:wrap}.personal-stat-grid,.personal-setting-grid,.personal-fields{grid-template-columns:1fr}.personal-avatar{width:70px;height:70px}.personal-status{margin-left:0}.personal-event>div:last-child{justify-items:start}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#0f172a;font-synthesis:none}html{-webkit-text-size-adjust:100%}body,#root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.6;color:#0f172a}button,input,select,textarea,table{font-family:inherit}button,input,select,textarea{line-height:1.5}.page,.work-content,.personal-page{color:#0f172a}.page-heading h1{color:#0f172a;letter-spacing:-.025em}.section-heading h3,.panel h3,.personal-heading h2,.personal-summary h2{color:#0f172a;font-size:clamp(19px,1.6vw,23px);font-weight:700;line-height:1.35;letter-spacing:-.02em}.page-heading .muted,.section-heading p,.personal-heading p,.personal-summary p,.feed-row p,.task-card p,.event-info p,.schedule-row small,.personal-hint,.personal-field span{color:#4b5563;font-size:14px;line-height:1.6}.page .panel>p.muted,.page .task-card .muted{color:#4b5563;font-size:14px}.sidebar .nav-btn{color:#334155;font-size:14.5px;font-weight:600;line-height:1.5}.sidebar .nav-btn.active{font-weight:700}.sidebar .nav-heading,.sidebar .team-switch small{color:#64748b}.sidebar .team-switch b{color:#0f172a}.crumb{color:#64748b;font-size:14px}.crumb b{color:#1e293b}.stats .stat>strong{font-size:clamp(30px,2.5vw,40px);line-height:1.15;font-weight:750;letter-spacing:-.035em;color:#0f172a}.stats .stat>span{color:#334155;font-size:14px;font-weight:600}.stats .stat>small{color:#64748b;font-size:12.5px;line-height:1.5}.field{color:#334155;font-size:14px;font-weight:650}.field input,.field textarea,.field select,.select-input,.searchbar input{color:#0f172a;font-size:14.5px}.task-card>b,.event-info>b,.post b,.feed-row b{color:#0f172a;font-size:15px;font-weight:650}.task-card>small,.task-card>span,.event-info small{color:#475569;font-size:13px}.task-column-head b{color:#1e293b;font-size:14.5px}.table-wrap th{color:#334155;font-size:13.5px;font-weight:700}.table-wrap td{color:#1e293b;font-size:14px;line-height:1.55}.primary,.outline,.ghost,.hero-btn,.small-btn{font-size:13.5px;font-weight:650}.personal-field strong{color:#0f172a;font-size:14.5px}.personal-stat-grid strong{color:#0f172a;font-size:clamp(26px,2vw,34px);font-weight:750}.personal-stat-grid small{color:#475569;font-size:13px}@media(max-width:640px){.sidebar .nav-btn{font-size:14px}.stats .stat>strong{font-size:30px}.section-heading h3,.panel h3{font-size:19px}.table-wrap td{font-size:13.5px}}:root{--sdan-primary: #3d64d8;--sdan-primary-deep: #294aa5;--sdan-border: #e5eaf4;--sdan-shadow: 0 4px 18px rgba(29, 50, 102, .045);--sdan-shadow-hover: 0 12px 30px rgba(30, 56, 116, .09);--sdan-ease: cubic-bezier(.2,.75,.3,1)}.workspace{background:#f5f7fc}.sidebar{border-right-color:var(--sdan-border)}.topbar{border-bottom:1px solid var(--sdan-border);box-shadow:0 1px #fffc}.panel,.task-card,.department{border-color:var(--sdan-border);box-shadow:var(--sdan-shadow);transition:box-shadow .18s var(--sdan-ease),border-color .18s var(--sdan-ease),transform .18s var(--sdan-ease)}@media(hover:hover)and (pointer:fine){.panel:hover,.task-card:hover{border-color:#d5e1f3;box-shadow:var(--sdan-shadow-hover)}.task-card:hover{transform:translateY(-2px)}.sidebar .nav-btn:hover{background:#edf3ff;color:#284fa9}.table-wrap tbody tr:hover{background:#f8faff}}.hero{background:radial-gradient(ellipse 67% 110% at 100% 5%,rgba(185,201,255,.48),transparent 72%),radial-gradient(ellipse 55% 120% at 5% 100%,rgba(35,49,143,.4),transparent 72%),radial-gradient(ellipse 65% 110% at 57% 40%,rgba(92,142,241,.45),transparent 74%),linear-gradient(118deg,#2e479c,#4267cb 55%,#687fdf);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 38px #3952a62b}.hero .center-emblem{background:#ffffff29;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero h2,.hero-text>p{color:#fff}.hero-text>span{color:#ecf1ff;font-size:13.5px}.primary,.outline,.ghost,.hero-btn,.small-btn,.nav-btn{transition:background-color .18s var(--sdan-ease),border-color .18s var(--sdan-ease),color .18s var(--sdan-ease),box-shadow .18s var(--sdan-ease),transform .18s var(--sdan-ease)}.primary{background:var(--sdan-primary);border-color:var(--sdan-primary)}.primary:hover:not(:disabled){background:var(--sdan-primary-deep)}.primary:active:not(:disabled),.outline:active:not(:disabled),.small-btn:active:not(:disabled),.hero-btn:active:not(:disabled){transform:scale(.985)}.pill{border:1px solid transparent;font-weight:700}.pill.blue{background:#edf3ff;color:#2c56af;border-color:#dce6fa}.pill.green{background:#eaf7ef;color:#1b774f;border-color:#cdebd8}.pill.red{background:#fff0f0;color:#ab3a47;border-color:#f7d5d9}.pill.muted{background:#f2f5fa;color:#586a83;border-color:#e3e8f0}.task-column{background:#f4f7fc;border:1px solid #e9eef6}.task-card>b,.feed-row b,.post b{line-height:1.45}.task-card p,.post p{overflow-wrap:anywhere}.table-wrap tbody tr{transition:background-color .15s ease}.table-wrap th{background:#f8faff}.table-wrap td{border-bottom-color:#edf1f7}.searchbar:focus-within{border-color:#9bb5ec;box-shadow:0 0 0 3px #3d64d817}.modal{box-shadow:0 32px 90px #14244c3d}:where(button,a,input,select,textarea):focus-visible{outline:2px solid #477de6;outline-offset:3px}@keyframes sdan-soft-enter{0%{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page>.panel,.page>.hero,.page>.stats,.page>.two-col,.page>.dept-grid,.page>.task-columns{animation:sdan-soft-enter .18s var(--sdan-ease) both}.sdan-skeleton{display:block;min-height:16px;border-radius:8px;background:linear-gradient(90deg,#edf1f7 24%,#f7f9fc 47%,#edf1f7 72%);background-size:220% 100%;animation:sdan-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes sdan-skeleton-shimmer{to{background-position-x:-220%}}@media(max-width:640px){.hero{box-shadow:0 9px 24px #3952a61f}.panel{box-shadow:0 2px 12px #1d32660a}.hero-text>span{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.panel,.task-card,.department,.primary,.outline,.ghost,.hero-btn,.small-btn,.nav-btn,.table-wrap tbody tr{transition:none!important}.page>.panel,.page>.hero,.page>.stats,.page>.two-col,.page>.dept-grid,.page>.task-columns,.sdan-skeleton{animation:none!important}.task-card:hover{transform:none}}