:root{--bg:#f5f6f8;--surface:#fff;--ink:#172033;--muted:#6e7789;--line:#e7e9ef;--primary:#6d4aff;--primary-dark:#5635e8;--danger:#d83b55;--success:#16875e;--sidebar:#101626;--shadow:0 10px 35px rgba(24,32,51,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);color:#d8deec;padding:26px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#8b6bff,#5a39ea);color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 22px rgba(109,74,255,.3)}.brand strong,.brand small{display:block}.brand strong{font-size:17px;color:#fff}.brand small{font-size:12px;color:#9ba5bc;margin-top:2px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;color:#aeb7ca;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#202840;color:#fff}.nav-icon{display:grid;place-items:center;width:22px;font-size:17px}.sidebar-user{margin-top:auto;padding:16px 10px 4px;border-top:1px solid #293149;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#313a55;color:#fff;font-weight:800}.sidebar-user strong,.sidebar-user small{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:11px;color:#8f99af;margin-top:2px}.main{margin-left:248px;min-width:0;width:calc(100% - 248px)}.topbar{height:94px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(245,246,248,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(231,233,239,.75)}h1,h2,h3,p{margin-top:0}.topbar h1{font-size:24px;margin:2px 0 0}.eyebrow{margin:0;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.content{padding:28px 34px 50px;max-width:1600px;margin:auto}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.card-head h2{font-size:18px;margin:4px 0 0}.card-head p:not(.eyebrow){color:var(--muted);margin:5px 0 0}.card-head>a{color:var(--primary);font-size:12px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;align-items:center;gap:14px}.stat-card strong,.stat-card small{display:block}.stat-card strong{font-size:21px}.stat-card small{color:var(--muted);margin-top:3px}.stat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:19px}.stat-icon.violet{background:#eeeaff;color:#6d4aff}.stat-icon.blue{background:#e8f3ff;color:#277bc0}.stat-icon.amber{background:#fff3d8;color:#c67b0b}.stat-icon.green{background:#e4f7ef;color:#16875e}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.span-2{grid-column:auto}.list{display:grid}.list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.list-row strong,.list-row small{display:block}.list-row small{color:var(--muted);margin-top:3px}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:12px}.file-type{display:grid;place-items:center;width:41px;height:41px;border-radius:10px;background:#f0edff;color:var(--primary);font-size:9px;font-weight:900}.file-type.large{width:48px;height:48px;font-size:10px}.priority-dot{width:8px;height:8px;border-radius:50%}.priority-dot.low,.priority-bar.low{background:#76a58b}.priority-dot.normal,.priority-bar.normal{background:#588ee8}.priority-dot.high,.priority-bar.high{background:#e19a2c}.priority-dot.urgent,.priority-bar.urgent{background:#d83b55}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0f1f5;color:#596174;font-size:10px;font-weight:800;white-space:nowrap}.badge-low{background:#e8f5ed;color:#357252}.badge-normal{background:#eaf2ff;color:#3972c5}.badge-high{background:#fff1d9;color:#a96400}.badge-urgent{background:#ffe8ec;color:#bd2942}.badge-success,.badge-completed{background:#e4f7ef;color:#16875e}.badge-muted,.badge-cancelled{background:#eef0f3;color:#7b8392}.badge-planned{background:#eaf2ff;color:#3972c5}.timeline-item{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.timeline-item:first-of-type{border-top:0}.timeline-item>span{display:grid;place-items:center;min-width:43px;height:47px;border-radius:9px;background:#f4f1ff;color:var(--primary);font-size:16px;font-weight:800}.timeline-item>span small{font-size:8px}.timeline-item div strong,.timeline-item div small{display:block}.timeline-item div small{margin-top:4px;color:var(--muted)}.announcement-mini{padding:12px 0;border-top:1px solid var(--line)}.announcement-mini:first-of-type{border-top:0}.announcement-mini p{color:var(--muted);font-size:12px;margin:5px 0}.announcement-mini small{color:#9ba2af}.page-grid{display:grid;gap:20px}.form-sidebar{grid-template-columns:minmax(0,1fr) 330px}.sticky-card{position:sticky;top:118px;height:max-content}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:11px}td{padding:13px 11px;border-top:1px solid var(--line);vertical-align:middle}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.form-stack{display:grid;gap:14px}.form-stack label,.form-row label{display:grid;gap:6px;font-size:12px;font-weight:700}.form-stack label small{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #dfe2e9;background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink);outline:0}input:focus,textarea:focus,select:focus{border-color:#8f75ff;box-shadow:0 0 0 3px #f0edff}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;padding:9px 14px;font-weight:700;color:var(--ink);background:#fff}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-ghost{border-color:var(--line);background:transparent}.btn-danger{background:#fff0f2;color:var(--danger)}.btn-small{padding:6px 9px;font-size:11px}.btn-block{width:100%;padding:12px}.alert{padding:13px 16px;border-radius:10px;margin-bottom:18px;font-weight:650}.alert-success{background:#e4f7ef;color:#146b4c}.alert-danger{background:#ffe8ec;color:#a92138}.alert-warning{background:#fff3d8;color:#8d5a08}.files-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.folder-panel{height:max-content}.folder-list{display:grid;gap:4px}.folder-list a{display:flex;gap:10px;padding:11px;border-radius:9px}.folder-list a.active,.folder-list a:hover{background:#f0edff;color:var(--primary)}.folder-list strong,.folder-list small{display:block}.folder-list small{font-size:10px;color:var(--muted);margin-top:3px}.create-box{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.create-box summary{cursor:pointer;color:var(--primary);font-weight:800;margin-bottom:15px}.upload-box{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;align-items:center;padding:15px;background:#f8f7ff;border:1px dashed #c5b8ff;border-radius:12px;margin-bottom:20px}.upload-box>label{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);padding:10px;border-radius:9px;text-align:center;font-weight:700}.upload-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-box>small{grid-column:1/-1;color:var(--muted)}.file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.file-card{border:1px solid var(--line);border-radius:13px;padding:16px;min-width:0}.file-card-top,.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.file-card h3{font-size:14px;margin:15px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card p{color:var(--muted);font-size:11px;min-height:30px}.file-card>small{color:#9299a7;font-size:10px}.file-actions{display:flex;gap:7px;margin-top:15px}.file-actions details{position:relative}.file-actions summary{list-style:none}.popover{position:absolute;z-index:5;right:0;top:36px;width:250px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.popover>form+form{margin-top:10px}.empty,.empty-state{color:var(--muted)}.empty-state{text-align:center;padding:60px 20px}.empty-state>span{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#f0edff;color:var(--primary);font-size:23px;font-weight:800}.empty-state h2,.empty-state h3{color:var(--ink);margin:15px 0 6px}.empty-state.compact{padding:35px 20px}.masonry{columns:2;column-gap:18px}.note-card{break-inside:avoid;margin-bottom:18px}.note-card h2{font-size:18px}.note-card p{color:#4d5668;line-height:1.7}.note-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}.link-danger{border:0;background:none;color:var(--danger);padding:0}.meeting-list,.task-list{display:grid}.meeting-list article,.task-list article{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.meeting-list article:first-child,.task-list article:first-child{border-top:0}.date-tile{min-width:58px;padding:9px;border-radius:11px;background:#f0edff;color:var(--primary);text-align:center}.date-tile strong,.date-tile small{display:block}.date-tile strong{font-size:20px}.meeting-list h3,.task-list h3{font-size:14px;margin:0}.meeting-list p,.task-list p{color:var(--muted);font-size:12px;margin:7px 0}.meeting-list small,.task-list small{color:#9299a7}.priority-bar{width:4px;min-height:62px;border-radius:4px}.inline-status{min-width:135px}.announcement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.announcement-card h2{font-size:18px;margin:18px 0 9px}.announcement-card p{line-height:1.65;color:#4d5668}.announcement-card footer{border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:11px}.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check-label input{width:auto}.guest-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,#ece7ff 0,transparent 35%),radial-gradient(circle at 80% 80%,#e4f2ff 0,transparent 35%),#f6f7fa;display:grid;place-items:center;padding:25px}.guest-shell{width:100%;max-width:440px}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;box-shadow:0 28px 80px rgba(44,38,80,.12)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:40px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:17px}.login-brand small{color:var(--muted);font-size:11px}.login-copy h1{font-size:27px;margin:7px 0 8px}.login-copy>p:last-child{color:var(--muted);line-height:1.5;margin-bottom:25px}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.file-grid{grid-template-columns:repeat(2,1fr)}.form-sidebar{grid-template-columns:minmax(0,1fr) 300px}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.2)}.main{margin-left:0;width:100%}.topbar{height:78px;padding:0 18px}.topbar>div{flex:1;margin-left:12px}.topbar h1{font-size:19px}.menu-toggle{display:block}.content{padding:20px 16px 40px}.files-layout,.form-sidebar{grid-template-columns:1fr}.sticky-card{position:static}.folder-panel{width:100%}.announcement-grid{grid-template-columns:1fr}.upload-box{grid-template-columns:1fr}.file-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;gap:9px}.stat-card strong{font-size:16px}.stat-icon{width:36px;height:36px}.card{padding:17px}.file-grid,.masonry{display:grid;grid-template-columns:1fr;columns:auto}.form-row{grid-template-columns:1fr}.topbar .btn{padding:7px 9px}.meeting-list article,.task-list article{flex-wrap:wrap}.inline-status{width:100%}.login-card{padding:26px 22px}.stat-card small{font-size:10px}}
.system-label{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#eeeaff;color:#5f3fe0;font-size:9px;font-weight:900;vertical-align:middle}.role-form select{min-width:125px;padding:7px 9px}.settings-grid{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(420px,1.25fr);gap:20px}.settings-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
.file-center-actions{display:flex;align-items:stretch;gap:12px;margin-bottom:20px}.file-search{padding:12px;display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(135px,.7fr)) auto auto;gap:9px;flex:1}.trash-link{white-space:nowrap;background:#fff}.permission-editor{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.permission-editor>summary{cursor:pointer;color:var(--primary);font-weight:800;margin-bottom:16px}.permission-check{width:18px;height:18px}.file-detail-head{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid var(--line)}.file-detail-head h2{font-size:23px;margin:5px 0}.file-detail-head p:last-child{color:var(--muted);margin-bottom:0}.detail-type{width:68px;height:68px;border-radius:17px;font-size:12px}.version-head{margin-top:24px}.version-list{display:grid}.version-list article{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.version-list article:first-child{border-top:0}.version-list strong,.version-list small{display:block}.version-list small{color:var(--muted);margin-top:4px}.version-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f0edff;color:var(--primary);font-weight:900}.detail-back{margin-top:14px}.trash-actions{display:flex;gap:7px;justify-content:flex-end}.storage-meter{height:5px;background:#e9ecf2;border-radius:999px;overflow:hidden;margin-top:8px}.storage-meter span{display:block;height:100%;background:linear-gradient(90deg,#6d4aff,#9279ff);border-radius:999px}.storage-stat .grow{min-width:0}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.settings-actions{grid-column:auto}}
@media(max-width:1100px){.file-search{grid-template-columns:1fr 1fr 1fr}.file-center-actions{align-items:flex-start}.trash-link{padding:11px}.file-search input:first-child{grid-column:1/-1}}
@media(max-width:800px){.file-center-actions{display:grid}.file-search{grid-template-columns:1fr 1fr}.file-search input:first-child{grid-column:1/-1}.trash-link{width:max-content}.file-detail-head{align-items:flex-start;flex-wrap:wrap}.file-detail-head .btn{width:100%}}
@media(max-width:520px){.file-search{grid-template-columns:1fr}.file-search input:first-child{grid-column:auto}.version-list article{flex-wrap:wrap}.version-list .btn{margin-left:54px}.trash-actions{display:grid}}
.top-actions{display:flex;align-items:center;gap:8px}.top-actions form{margin:0}.notification-menu{position:relative}.notification-menu>summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:17px;position:relative}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu>summary>span{position:absolute;right:-5px;top:-6px;background:var(--danger);color:#fff;border:2px solid var(--bg);border-radius:999px;min-width:20px;height:20px;padding:0 4px;font-size:9px;display:grid;place-items:center;font-weight:900}.notification-popover{position:absolute;z-index:30;right:0;top:48px;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 20px 60px rgba(23,32,51,.18)}.notification-popover>.row-between{padding:2px 3px 10px}.notification-popover>.row-between a{color:var(--primary);font-size:11px;font-weight:800}.notification-popover>a{display:block;padding:10px;border-top:1px solid var(--line);border-radius:8px}.notification-popover>a.unread{background:#f7f5ff}.notification-popover>a strong,.notification-popover>a small{display:block}.notification-popover>a small{color:var(--muted);margin-top:3px}.notification-list{display:grid}.notification-list>a{display:flex;align-items:center;gap:12px;padding:15px 8px;border-top:1px solid var(--line)}.notification-list>a:first-child{border-top:0}.notification-list>a.unread{background:#f8f7ff}.notification-list strong,.notification-list small{display:block}.notification-list small{color:var(--muted);margin-top:4px}.notification-list time{color:var(--muted);font-size:11px}.notification-type{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f0edff;color:var(--primary)}.profile-grid{grid-template-columns:300px 1fr 1fr}.profile-summary{text-align:center;grid-row:span 2}.profile-avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid #f0edff}.profile-avatar.fallback{display:grid;place-items:center;margin:auto;background:#6d4aff;color:#fff;font-size:36px;font-weight:900}.profile-summary h2{margin:14px 0 5px}.profile-summary>p{color:var(--muted)}.profile-summary dl{text-align:left;margin:22px 0}.profile-summary dl>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.profile-summary dt{color:var(--muted)}.profile-summary dd{margin:0;font-weight:700}.system-notice{margin-top:16px;padding:11px;background:#f0edff;color:#5f3fe0;border-radius:10px;font-size:12px;font-weight:700}.two-factor-setup{display:flex;gap:24px;align-items:flex-start}.two-factor-setup img{width:230px;height:230px;border:1px solid var(--line);border-radius:12px}.two-factor-setup code,.recovery-box code{display:inline-block;padding:7px 9px;background:#f3f4f7;border-radius:6px;font-weight:800;letter-spacing:.08em}.recovery-box{margin-top:22px;padding:16px;background:#fff8e9;border:1px solid #f5db9c;border-radius:12px}.recovery-box>div{display:flex;flex-wrap:wrap;gap:7px}.announcement-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.announcement-actions{display:flex;gap:5px;align-items:center}.announcement-actions details{position:relative}.announcement-actions summary{list-style:none}.announcement-editor{position:absolute;z-index:8;right:0;bottom:36px;width:360px;background:#fff;padding:16px;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.edit-card{max-width:760px;margin:auto}
@media(max-width:1100px){.profile-grid{grid-template-columns:280px 1fr}.profile-summary{grid-row:span 2}.profile-grid>section:last-child{grid-column:2}.two-factor-setup{flex-wrap:wrap}}
@media(max-width:800px){.profile-grid{grid-template-columns:1fr}.profile-summary,.profile-grid>section:last-child{grid-column:auto;grid-row:auto}.notification-popover{position:fixed;left:16px;right:16px;top:70px;width:auto}.top-actions{gap:5px}.top-actions>.btn{padding:8px}.two-factor-setup{display:grid}}
@media(max-width:520px){.two-factor-setup img{width:200px;height:200px}.announcement-actions{flex-wrap:wrap}.announcement-editor{position:fixed;inset:80px 12px auto;width:auto;max-height:75vh;overflow:auto}.notification-list>a{align-items:flex-start}.notification-list time{display:none}}
.inline-actions{display:flex;align-items:center;gap:10px}.inline-actions details,.record-editor{position:relative}.inline-actions summary,.record-editor summary{cursor:pointer;color:var(--primary);font-weight:700;list-style:none}.inline-editor,.record-editor form{position:absolute;z-index:12;right:0;bottom:26px;width:340px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:var(--shadow)}.record-editor{margin-top:10px;width:max-content}.record-editor form{left:0;right:auto;bottom:auto;top:25px}
@media(max-width:520px){.inline-editor,.record-editor form{position:fixed;inset:80px 12px auto;width:auto;max-height:75vh;overflow:auto}}
.notification-popover>form{border-top:1px solid var(--line);border-radius:8px}.notification-popover>form.unread{background:#f7f5ff}.notification-popover>form button{display:block;width:100%;padding:10px;border:0;background:transparent;text-align:left;color:inherit}.notification-popover>form strong,.notification-popover>form small{display:block}.notification-popover>form small{color:var(--muted);margin-top:3px}.notification-row{border-top:1px solid var(--line)}.notification-row:first-child{border-top:0}.notification-row.unread{background:#f8f7ff}.notification-row>button{display:flex;align-items:center;gap:12px;width:100%;padding:15px 8px;border:0;background:transparent;text-align:left;color:inherit}