:root{--ink:#101626;--muted:#6e7482;--paper:#f8f8f7;--surface:#fff;--line:#e9e9e5;--lav:#7257e8;--mint:#96dcc9;--gold:#f5c76b;--coral:#ee8072;--navy:#0c1222;--shadow:0 18px 45px rgba(21,26,47,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 'DM Sans',Arial,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}button,input,select{font:inherit}button{border:0;cursor:pointer}.sidebar{background:var(--navy);color:#f8f8fd;padding:28px 15px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{background:transparent;color:#fff;text-align:left;display:flex;gap:11px;align-items:center;padding:0 10px 32px}.brand-mark{background:linear-gradient(135deg,#a994ff,#6545db);border-radius:11px;width:34px;height:34px;display:grid;place-items:center;font:700 22px 'Playfair Display'}.brand strong,.profile-mini strong{display:block;font-size:15px}.brand small,.profile-mini small{display:block;color:#9aa0b5;font-size:11px;margin-top:1px}.main-nav{display:grid;gap:5px}.nav-item{background:transparent;color:#b7bdcf;border-radius:10px;text-align:left;padding:11px 10px;display:flex;align-items:center;gap:12px;transition:.2s}.nav-item>span:first-child{font-size:19px;width:18px;text-align:center}.nav-item:hover,.nav-item.active{background:#202941;color:white}.side-bottom{margin-top:auto}.profile-mini{border-top:1px solid #2a3249;margin-top:13px;padding:18px 8px 0;display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;background:#d7c8ff;color:#37276b;font-weight:700}.more{margin-left:auto;color:#9aa0b5}.topbar{height:75px;background:rgba(248,248,247,.88);backdrop-filter:blur(12px);padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.crumb{font-size:13px;font-weight:600;color:#454b5c}.crumb span{padding:0 7px;color:#b0b1b9}.top-actions{display:flex;gap:10px;align-items:center}.icon-button,.notification-button{width:35px;height:35px;border-radius:50%;background:transparent;color:#52596b;font-size:20px;position:relative}.icon-button:hover,.notification-button:hover{background:#ecece9}.notification-button span{position:absolute;right:-3px;top:-3px;background:var(--coral);color:white;border-radius:12px;font-size:10px;min-width:16px;padding:1px 4px}.top-avatar{border:2px solid #ece7ff;background:#d9caff}.mobile-menu{display:none}.view{display:none;max-width:1280px;padding:56px 48px 70px;margin:auto}.view.active{display:block}.hero{min-height:197px;border-radius:22px;padding:36px 38px;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#1a2236 0%,#30335d 55%,#5b4ba0 100%);color:white;overflow:hidden;position:relative}.hero:after{content:"";width:270px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.16);position:absolute;right:-75px;top:-105px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 76px rgba(255,255,255,.03)}.eyebrow{margin:0 0 8px;color:#8179a8;font-size:10px;letter-spacing:1.25px;font-weight:700}.hero .eyebrow{color:#c9c3ef}.hero h1,.vault-header h1,.placeholder-view h1{font:700 34px/1.15 'Playfair Display',serif;margin:0 0 10px}.hero-copy{color:#d8d9e7;max-width:530px;margin:0}.hero-date{z-index:1;display:flex;flex-direction:column;align-self:flex-end;text-align:right;font-size:12px;color:#d8d9e7}.hero-date strong{font-size:14px;color:#fff;margin-bottom:4px}.application-section,.today-section{margin-top:44px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px}.section-heading h2,.panel-head h2,.dialog-head h2{font:600 23px/1.1 'Playfair Display',serif;margin:0}.text-button,.panel-link{background:transparent;color:#6550cb;font-size:13px;font-weight:700;padding:7px 0}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-card{border-radius:15px;background:var(--surface);min-height:118px;text-align:left;padding:20px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;box-shadow:0 1px 0 var(--line);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:700}.card-body strong,.card-body small{display:block}.card-body strong{font-size:16px}.card-body small{font-size:12px;color:var(--muted);margin-top:4px}.card-arrow{font-size:21px;color:#a6a5b1}.tacho-card .card-icon{color:#4588d3;background:#e5f0fc}.finance-card .card-icon{color:#3e9c80;background:#dcf5ec}.workshop-card .card-icon{color:#7955dd;background:#ebe5ff}.vault-card .card-icon{color:#c37a25;background:#ffefd1}.future-card{background:#f1f1ef;box-shadow:inset 0 0 0 1px #e6e6e3}.future-card .card-icon{color:#9494a1;background:#e5e5e3}.coming{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:#8f8d98}.card-alert{position:absolute;right:13px;top:12px;background:#ee8072;color:white;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700}.attention-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.attention-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;gap:12px;align-items:center}.attention-dot{width:10px;height:10px;border-radius:50%;background:var(--coral)}.attention-dot.soon{background:var(--gold)}.attention-card strong,.attention-card small{display:block}.attention-card strong{font-size:14px}.attention-card small{color:var(--muted);font-size:12px;margin-top:3px}.vault-header{display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.vault-header h1{font-size:36px}.vault-header>div>p:last-child{color:var(--muted);margin:0}.mode-switch{background:#e8e8e4;padding:4px;border-radius:11px;display:flex;flex-shrink:0}.mode-switch button{background:transparent;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;color:#777781}.mode-switch button.active{color:#34246f;background:white;box-shadow:0 2px 6px #c8c8c5}.vault-toolbar{margin:36px 0 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.vault-tabs{display:flex;gap:20px}.vault-tab{background:transparent;padding:11px 1px 14px;color:#777786;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.vault-tab.active{color:#5943c3;border-bottom-color:#5943c3}.primary-button{border-radius:10px;padding:11px 16px;background:#654bd1;color:#fff;font-size:13px;font-weight:700;box-shadow:0 6px 14px rgba(101,75,209,.2);transition:.2s}.primary-button:hover{background:#563bbd;transform:translateY(-1px)}.secondary-button{border-radius:10px;padding:10px 15px;background:#ecece9;color:#52535c;font-weight:700;font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{background:white;border:1px solid var(--line);border-radius:14px;padding:17px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{display:block;font:700 29px/1.05 'Playfair Display';margin-top:8px}.stat-card small{font-size:11px;color:#777;display:block;margin-top:6px}.stat-card.danger strong{color:#d75b52}.stat-card.warning strong{color:#c48622}.dashboard-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:17px;margin-top:17px}.surface{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.surface h3{font:600 19px 'Playfair Display';margin:0}.surface-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.document-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #f0f0ed}.doc-type{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0ecff;color:#674bd1;font-size:17px}.doc-name strong,.doc-name small{display:block}.doc-name strong{font-size:13px}.doc-name small{font-size:11px;color:var(--muted);margin-top:2px}.expiry{font-size:11px;font-weight:700;padding:5px 8px;border-radius:7px;background:#fff0ed;color:#c65349}.expiry.soon{background:#fff6df;color:#a86e15}.row-action{font-size:20px;background:transparent;color:#8f8f9a}.object-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f0ed}.object-title{display:flex;align-items:center;gap:9px}.object-symbol{width:31px;height:31px;background:#e8f4ee;color:#389171;border-radius:9px;display:grid;place-items:center}.object-title strong,.object-title small{display:block}.object-title small{font-size:11px;color:var(--muted)}.object-count{font-size:11px;color:#765ee0;font-weight:700}.table-wrap{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.filter-bar{display:flex;gap:9px;padding:14px;border-bottom:1px solid var(--line);align-items:center}.filter-bar input,.filter-bar select{border:1px solid #e6e5e2;border-radius:8px;padding:9px 10px;background:#fff;color:#444;font-size:12px}.filter-bar input{flex:1}.document-table{width:100%;border-collapse:collapse;font-size:13px}.document-table th{text-align:left;font-size:10px;letter-spacing:.8px;color:#84848d;padding:13px 16px;background:#fafaf8}.document-table td{padding:13px 16px;border-top:1px solid #eee}.status-pill{font-size:10px;font-weight:700;border-radius:99px;padding:5px 8px;background:#e6f6ee;color:#328363}.status-pill.danger{background:#fff0ed;color:#c65349}.status-pill.soon{background:#fff6df;color:#a86e15}.action-link{background:transparent;color:#6953c9;font-weight:700;font-size:12px}.archive-banner{padding:14px 16px;border-radius:11px;background:#f5f2ff;color:#514289;font-size:13px;margin-bottom:15px}.placeholder-view{text-align:center;padding-top:120px}.placeholder-icon{width:68px;height:68px;margin:0 auto 23px;display:grid;place-items:center;border-radius:20px;background:#ebe6ff;color:#674bd1;font-size:36px}.placeholder-view p:not(.eyebrow){color:var(--muted);max-width:430px;margin:0 auto 22px}.notification-panel{position:fixed;right:-400px;top:0;bottom:0;width:365px;padding:27px 24px;background:#fff;box-shadow:-16px 0 45px rgba(21,26,47,.12);z-index:10;transition:right .3s}.notification-panel.open{right:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.notice{padding:15px 0;border-top:1px solid var(--line);display:flex;gap:11px}.notice-icon{height:32px;width:32px;border-radius:9px;background:#fff0ed;color:#d65a4f;display:grid;place-items:center}.notice strong,.notice small{display:block}.notice strong{font-size:13px}.notice small{font-size:11px;color:var(--muted);margin-top:2px}.panel-link{margin-top:15px}dialog{border:0;padding:0;border-radius:17px;width:min(650px,calc(100vw - 30px));box-shadow:0 25px 80px rgba(12,18,34,.28)}dialog::backdrop{background:rgba(12,18,34,.45);backdrop-filter:blur(3px)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.upload-zone{font-size:12px;font-weight:700;color:#545460;display:grid;gap:6px}.form-grid input,.form-grid select{border:1px solid #dededb;border-radius:8px;padding:10px;color:#333;background:#fff}.upload-zone{margin-top:17px;border:1px dashed #cfc9e6;border-radius:10px;padding:17px;text-align:center;color:#6852c9;background:#faf9ff}.upload-zone small{font-weight:400;color:#8d8b9b}.upload-zone input{display:none}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#1d273e;color:#fff;border-radius:10px;padding:11px 16px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--ink:#e9eafa;--muted:#a2a5b5;--paper:#111729;--surface:#192033;--line:#293145}body.dark .topbar{background:rgba(17,23,41,.88)}body.dark .app-card,body.dark .surface,body.dark .stat-card,body.dark .table-wrap,body.dark .mode-switch button.active{background:#192033}body.dark .future-card{background:#171d2e}body.dark .filter-bar input,body.dark .filter-bar select,body.dark .form-grid input,body.dark .form-grid select{background:#161d2f;color:#e9eafa;border-color:#384054}body.dark .document-table th{background:#171e30}body.dark .mode-switch{background:#2b3345}body.dark .secondary-button{background:#30394d;color:#eee}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.45 'DM Sans',Arial,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}.sidebar{background:var(--navy);color:#f8f8fd;padding:28px 15px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{background:transparent;color:#fff;text-align:left;display:flex;gap:11px;align-items:center;padding:0 10px 32px}.brand-mark{background:linear-gradient(135deg,#a994ff,#6545db);border-radius:11px;width:34px;height:34px;display:grid;place-items:center;font:700 22px 'Playfair Display'}.brand strong,.profile-mini strong{display:block;font-size:15px}.brand small,.profile-mini small{display:block;color:#9aa0b5;font-size:11px;margin-top:1px}.main-nav{display:grid;gap:5px}.nav-item{background:transparent;color:#b7bdcf;border-radius:10px;text-align:left;padding:11px 10px;display:flex;align-items:center;gap:12px;transition:.2s}.nav-item>span:first-child{font-size:19px;width:18px;text-align:center}.nav-item:hover,.nav-item.active{background:#202941;color:white}.side-bottom{margin-top:auto}.profile-mini{border-top:1px solid #2a3249;margin-top:13px;padding:18px 8px 0;display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;border-radius:50%;width:31px;height:31px;background:#d7c8ff;color:#37276b;font-weight:700}.more{margin-left:auto;color:#9aa0b5}.topbar{height:75px;background:rgba(248,248,247,.88);backdrop-filter:blur(12px);padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.crumb{font-size:13px;font-weight:600;color:#454b5c}.crumb span{padding:0 7px;color:#b0b1b9}.top-actions{display:flex;gap:10px;align-items:center}.icon-button,.notification-button{width:35px;height:35px;border-radius:50%;background:transparent;color:#52596b;font-size:20px;position:relative}.icon-button:hover,.notification-button:hover{background:#ecece9}.notification-button span{position:absolute;right:-3px;top:-3px;background:var(--coral);color:white;border-radius:12px;font-size:10px;min-width:16px;padding:1px 4px}.top-avatar{border:2px solid #ece7ff;background:#d9caff}.mobile-menu{display:none}.view{display:none;max-width:1280px;padding:56px 48px 70px;margin:auto}.view.active{display:block}.hero{min-height:197px;border-radius:22px;padding:36px 38px;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#1a2236 0%,#30335d 55%,#5b4ba0 100%);color:white;overflow:hidden;position:relative}.hero:after{content:"";width:270px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.16);position:absolute;right:-75px;top:-105px;box-shadow:0 0 0 38px rgba(255,255,255,.04),0 0 0 76px rgba(255,255,255,.03)}.eyebrow{margin:0 0 8px;color:#8179a8;font-size:10px;letter-spacing:1.25px;font-weight:700}.hero .eyebrow{color:#c9c3ef}.hero h1,.vault-header h1,.placeholder-view h1{font:700 34px/1.15 'Playfair Display',serif;margin:0 0 10px}.hero-copy{color:#d8d9e7;max-width:530px;margin:0}.hero-date{z-index:1;display:flex;flex-direction:column;align-self:flex-end;text-align:right;font-size:12px;color:#d8d9e7}.hero-date strong{font-size:14px;color:#fff;margin-bottom:4px}.application-section,.today-section{margin-top:44px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:17px}.section-heading h2,.panel-head h2,.dialog-head h2{font:600 23px/1.1 'Playfair Display',serif;margin:0}.text-button,.panel-link{background:transparent;color:#6550cb;font-size:13px;font-weight:700;padding:7px 0}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-card{border-radius:15px;background:var(--surface);min-height:118px;text-align:left;padding:20px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;box-shadow:0 1px 0 var(--line);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.app-card:disabled:hover{transform:none;box-shadow:inset 0 0 0 1px #e6e6e3}.card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:700}.card-body strong,.card-body small{display:block}.card-body strong{font-size:16px}.card-body small{font-size:12px;color:var(--muted);margin-top:4px}.card-arrow{font-size:21px;color:#a6a5b1}.tacho-card .card-icon{color:#4588d3;background:#e5f0fc}.finance-card .card-icon{color:#3e9c80;background:#dcf5ec}.workshop-card .card-icon{color:#7955dd;background:#ebe5ff}.vault-card .card-icon{color:#c37a25;background:#ffefd1}.future-card{background:#f1f1ef;box-shadow:inset 0 0 0 1px #e6e6e3}.future-card .card-icon{color:#9494a1;background:#e5e5e3}.coming{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;color:#8f8d98}.card-alert{position:absolute;right:13px;top:12px;background:#ee8072;color:white;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700}.attention-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.attention-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;gap:12px;align-items:center}.attention-dot{width:10px;height:10px;border-radius:50%;background:var(--coral)}.attention-dot.soon{background:var(--gold)}.attention-card strong,.attention-card small{display:block}.attention-card strong{font-size:14px}.attention-card small{color:var(--muted);font-size:12px;margin-top:3px}.vault-header{display:flex;justify-content:space-between;gap:25px;align-items:flex-end}.vault-header h1{font-size:36px}.vault-header>div>p:last-child{color:var(--muted);margin:0}.mode-switch{background:#e8e8e4;padding:4px;border-radius:11px;display:flex;flex-shrink:0}.mode-switch button{background:transparent;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;color:#777781}.mode-switch button.active{color:#34246f;background:white;box-shadow:0 2px 6px #c8c8c5}.vault-toolbar{margin:36px 0 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.vault-tabs{display:flex;gap:20px}.vault-tab{background:transparent;padding:11px 1px 14px;color:#777786;font-size:13px;font-weight:700;border-bottom:2px solid transparent}.vault-tab.active{color:#5943c3;border-bottom-color:#5943c3}.primary-button{border-radius:10px;padding:11px 16px;background:#654bd1;color:#fff;font-size:13px;font-weight:700;box-shadow:0 6px 14px rgba(101,75,209,.2);transition:.2s}.primary-button:hover{background:#563bbd;transform:translateY(-1px)}.secondary-button{border-radius:10px;padding:10px 15px;background:#ecece9;color:#52535c;font-weight:700;font-size:13px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-card{background:white;border:1px solid var(--line);border-radius:14px;padding:17px}.stat-card span{color:var(--muted);font-size:12px}.stat-card strong{display:block;font:700 29px/1.05 'Playfair Display';margin-top:8px}.stat-card small{font-size:11px;color:#777;display:block;margin-top:6px}.stat-card.danger strong{color:#d75b52}.stat-card.warning strong{color:#c48622}.dashboard-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:17px;margin-top:17px}.surface{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.surface h3{font:600 19px 'Playfair Display';margin:0}.surface-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.document-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid #f0f0ed}.doc-type{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0ecff;color:#674bd1;font-size:17px}.doc-name strong,.doc-name small{display:block}.doc-name strong{font-size:13px}.doc-name small{font-size:11px;color:var(--muted);margin-top:2px}.expiry{font-size:11px;font-weight:700;padding:5px 8px;border-radius:7px;background:#fff0ed;color:#c65349}.expiry.soon{background:#fff6df;color:#a86e15}.row-action{font-size:20px;background:transparent;color:#8f8f9a}.object-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f0ed}.object-title{display:flex;align-items:center;gap:9px}.object-symbol{width:31px;height:31px;background:#e8f4ee;color:#389171;border-radius:9px;display:grid;place-items:center}.object-title strong,.object-title small{display:block}.object-title small{font-size:11px;color:var(--muted)}.object-count{font-size:11px;color:#765ee0;font-weight:700}.table-wrap{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.filter-bar{display:flex;gap:9px;padding:14px;border-bottom:1px solid var(--line);align-items:center}.filter-bar input,.filter-bar select{border:1px solid #e6e5e2;border-radius:8px;padding:9px 10px;background:#fff;color:#444;font-size:12px}.filter-bar input{flex:1}.document-table{width:100%;border-collapse:collapse;font-size:13px}.document-table th{text-align:left;font-size:10px;letter-spacing:.8px;color:#84848d;padding:13px 16px;background:#fafaf8}.document-table td{padding:13px 16px;border-top:1px solid #eee}.status-pill{font-size:10px;font-weight:700;border-radius:99px;padding:5px 8px;background:#e6f6ee;color:#328363}.status-pill.danger{background:#fff0ed;color:#c65349}.status-pill.soon{background:#fff6df;color:#a86e15}.action-link{background:transparent;color:#6953c9;font-weight:700;font-size:12px}.archive-banner{padding:14px 16px;border-radius:11px;background:#f5f2ff;color:#514289;font-size:13px;margin-bottom:15px}.placeholder-view{text-align:center;padding-top:120px}.placeholder-icon{width:68px;height:68px;margin:0 auto 23px;display:grid;place-items:center;border-radius:20px;background:#ebe6ff;color:#674bd1;font-size:36px}.placeholder-view p:not(.eyebrow){color:var(--muted);max-width:430px;margin:0 auto 22px}.notification-panel{position:fixed;right:-400px;top:0;bottom:0;width:365px;padding:27px 24px;background:#fff;box-shadow:-16px 0 45px rgba(21,26,47,.12);z-index:10;transition:right .3s}.notification-panel.open{right:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.notice{padding:15px 0;border-top:1px solid var(--line);display:flex;gap:11px}.notice-icon{height:32px;width:32px;border-radius:9px;background:#fff0ed;color:#d65a4f;display:grid;place-items:center}.notice strong,.notice small{display:block}.notice strong{font-size:13px}.notice small{font-size:11px;color:var(--muted);margin-top:2px}.panel-link{margin-top:15px}dialog{border:0;padding:0;border-radius:17px;width:min(650px,calc(100vw - 30px));box-shadow:0 25px 80px rgba(12,18,34,.28)}dialog::backdrop{background:rgba(12,18,34,.45);backdrop-filter:blur(3px)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.upload-zone{font-size:12px;font-weight:700;color:#545460;display:grid;gap:6px}.form-grid input,.form-grid select{border:1px solid #dededb;border-radius:8px;padding:10px;color:#333;background:#fff}.upload-zone{margin-top:17px;border:1px dashed #cfc9e6;border-radius:10px;padding:17px;text-align:center;color:#6852c9;background:#faf9ff}.upload-zone small{font-weight:400;color:#8d8b9b}.upload-zone input{display:none}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#1d273e;color:#fff;border-radius:10px;padding:11px 16px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--ink:#e9eafa;--muted:#a2a5b5;--paper:#111729;--surface:#192033;--line:#293145}body.dark .topbar{background:rgba(17,23,41,.88)}body.dark .app-card,body.dark .surface,body.dark .stat-card,body.dark .table-wrap,body.dark .mode-switch button.active{background:#192033}body.dark .future-card{background:#171d2e}body.dark .filter-bar input,body.dark .filter-bar select,body.dark .form-grid input,body.dark .form-grid select{background:#161d2f;color:#e9eafa;border-color:#384054}body.dark .document-table th{background:#171e30}body.dark .mode-switch{background:#2b3345}body.dark .secondary-button{background:#30394d;color:#eee}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:245px;z-index:20;transition:left .25s}.sidebar.open{left:0}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:15;display:none}.mobile-overlay.open{display:block}.mobile-menu{display:block;background:transparent;font-size:21px;color:var(--ink)}.topbar{height:63px;padding:0 19px}.view{padding:31px 19px 54px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-list{grid-template-columns:1fr}.hero{padding:27px 25px;min-height:220px}.hero-date{display:none}.vault-header{display:block}.mode-switch{display:inline-flex;margin-top:20px}.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.vault-toolbar{align-items:flex-end}.vault-tabs{gap:13px;overflow:auto}.vault-tab{white-space:nowrap}.notification-panel{width:min(365px,100vw)}}
@media(max-width:540px){.app-grid{grid-template-columns:1fr}.hero h1,.vault-header h1,.placeholder-view h1{font-size:29px}.app-card{min-height:91px;padding:16px}.section-heading h2{font-size:20px}.section-heading .text-button{font-size:11px}.vault-toolbar{margin-top:25px}.primary-button{padding:10px 12px;font-size:12px}.vault-tabs{max-width:64%}.summary-grid{gap:9px}.stat-card{padding:14px}.document-table th:nth-child(3),.document-table td:nth-child(3),.document-table th:nth-child(4),.document-table td:nth-child(4){display:none}.form-grid{grid-template-columns:1fr}.notification-panel{padding:22px 19px}.attention-card{padding:14px}}

.object-button{background:transparent;width:100%;text-align:left}.object-button:hover{background:#faf9ff}
.toolbar-actions{display:flex;gap:9px;align-items:center}.reminder-button{padding:10px 12px}.dialog-copy{color:var(--muted);font-size:13px;margin:-6px 0 18px}.reminder-field{font-size:12px;font-weight:700;color:#545460;display:grid;gap:6px}.reminder-field input{border:1px solid #dededb;border-radius:8px;padding:10px;color:#333;background:#fff}.reminder-field small{font-weight:400;color:#8d8b9b}.check-row{display:flex;gap:8px;align-items:center;margin-top:17px;color:#545460;font-size:13px}.check-row input{accent-color:#654bd1;width:16px;height:16px}
.detail-back{background:transparent;color:#6953c9;font-size:13px;font-weight:700;padding:0 0 16px}.detail-header{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.detail-icon{width:54px;height:54px;border-radius:15px;background:#e8f4ee;color:#389171;display:grid;place-items:center;font-size:27px}.detail-header h2{font:600 25px/1.1 'Playfair Display',serif;margin:0}.detail-header p:not(.eyebrow){color:var(--muted);font-size:12px;margin:4px 0 0}.detail-add{margin-left:auto}.detail-summary{margin-top:15px}.detail-id{font-size:16px!important;overflow-wrap:anywhere}.detail-documents{margin-top:15px}
.detail-header-actions{display:flex;gap:8px;margin-left:auto;align-items:center}.detail-header-actions .detail-add{margin-left:0}
.standalone-vault .main-nav .nav-item:not([data-route="vault"]){display:none}.standalone-vault .main-nav:before{content:"ОТДЕЛНО ПРИЛОЖЕНИЕ";display:block;padding:0 10px 9px;color:#9299b1;font-size:9px;letter-spacing:1.1px;font-weight:700}
.document-open{background:transparent;padding:0;color:inherit;font-weight:700;text-align:left}.document-open:hover{color:#6953c9;text-decoration:underline}.dialog-document{padding:25px}.document-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:17px 0;border-top:1px solid var(--line)}.document-meta span{display:grid;gap:3px}.document-meta small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.document-meta strong{font-size:13px;overflow-wrap:anywhere}.attachment-block{border-top:1px solid var(--line);padding-top:17px}.attachment-block h3{font:600 18px 'Playfair Display',serif;margin:0}.attachment-row{width:100%;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;background:transparent;text-align:left;border-top:1px solid #efefec;padding:12px 0;color:var(--ink)}.attachment-row:hover strong{color:#6953c9}.attachment-icon{width:32px;height:32px;border-radius:8px;background:#fff0ed;color:#c65349;display:grid;place-items:center;font-size:10px;font-weight:700}.attachment-row strong,.attachment-row small{display:block}.attachment-row strong{font-size:12px}.attachment-row small{font-size:11px;color:var(--muted);margin-top:2px}
.detail-dialog-actions{display:flex;align-items:center;gap:7px}.detail-dialog-actions .secondary-button{padding:8px 11px}
@media(max-width:540px){.detail-header-actions{width:100%;margin-left:69px}.detail-header-actions .detail-add{margin-left:0}}
@media(max-width:540px){.document-meta{grid-template-columns:1fr}.dialog-document{padding:20px}}
@media(max-width:540px){.toolbar-actions .reminder-button,.toolbar-actions .backup-button{display:none}.detail-header{align-items:flex-start;flex-wrap:wrap}.detail-add{margin-left:69px}.detail-summary{grid-template-columns:repeat(2,1fr)}}