:root{--ink: #0a1728;--muted: #6d7b8e;--line: #dfe6ee;--surface: #fff;--canvas: #f3f6f9;--navy: #07111f;--navy2: #0d2035;--teal: #12b8a6;--teal2: #0e8f84;--amber: #f2a93b;--red: #d94a5b;--green: #119b71;--shadow: 0 20px 55px rgba(7, 17, 31, .11);font-family:DM Sans,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,strong{font-family:Manrope,sans-serif}h1,h2,h3,p{margin-top:0}svg{flex:none}body.modal-open{overflow:hidden}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{display:block;margin-bottom:8px;color:var(--teal2);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.spacer{flex:1}.brand-lockup{display:flex;align-items:center;gap:11px;color:#fff}.brand-lockup>div:last-child{display:grid}.brand-lockup strong{font-size:18px;line-height:1.05}.brand-lockup span{color:#86a0b8;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(73,224,202,.38);border-radius:13px;background:linear-gradient(145deg,#12b8a63b,#12b8a60d);color:#42dcc9;box-shadow:inset 0 1px #ffffff1f}.boot-screen{display:grid;min-height:100vh;place-content:center;justify-items:center;gap:18px;background:var(--navy);color:#9fb1c3}.boot-screen .brand-mark{width:64px;height:64px}.boot-screen p{font-size:13px;letter-spacing:.05em}.login-shell{display:grid;min-height:100vh;grid-template-columns:minmax(0,1.25fr) minmax(440px,.75fr);background:#fff}.login-story{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px 58px;background:radial-gradient(circle at 75% 15%,rgba(27,179,167,.15),transparent 28%),linear-gradient(145deg,#06101d,#0b1b2c 62%,#0d2638);color:#fff}.story-top{z-index:2;display:flex;align-items:center;justify-content:space-between}.secure-chip{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(143,177,199,.2);border-radius:99px;background:#ffffff0a;color:#a9becf;font-size:11px}.story-copy{z-index:2;max-width:700px;margin:auto 0}.story-copy .eyebrow{color:#49dbc8}.story-copy h1{margin-bottom:24px;font-size:clamp(48px,5vw,76px);line-height:1.02;letter-spacing:-.055em}.story-copy h1 em{color:#4bd4c4;font-style:normal}.story-copy p{max-width:610px;color:#a8bdce;font-size:17px;line-height:1.7}.story-grid{z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.story-grid>div{display:grid;gap:8px;padding:18px;border:1px solid rgba(146,179,198,.13);border-radius:17px;background:#ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.story-grid svg{color:#3ed5c2}.story-grid strong{font-size:13px}.story-grid span{color:#7893a9;font-size:11px}.story-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7}.orb-one{right:-160px;bottom:-180px;width:500px;height:500px;border:1px solid rgba(70,220,199,.13);box-shadow:0 0 80px #12b8a614,inset 0 0 80px #12b8a60d}.orb-two{right:8%;top:25%;width:170px;height:170px;background:#156d891a;filter:blur(45px)}.login-panel{display:grid;place-items:center;padding:40px;background:linear-gradient(135deg,#fff,#f3f7f9)}.login-card{width:min(410px,100%)}.mobile-brand{display:none}.login-card h2{margin-bottom:10px;font-size:34px;letter-spacing:-.04em}.login-card>p{margin-bottom:28px;color:var(--muted);line-height:1.6}.login-card label:not(.check-row){display:grid;gap:8px;margin:16px 0;color:#344155;font-size:12px;font-weight:700}.login-card input{height:49px}.check-row{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:12px}.check-row input{width:16px;height:16px;accent-color:var(--teal)}input,select,textarea{width:100%;border:1px solid #d9e1e9;border-radius:10px;outline:none;background:#fff;color:var(--ink);transition:.2s}input,select{height:42px;padding:0 13px}textarea{padding:12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#55cabb;box-shadow:0 0 0 3px #12b8a61a}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:800;transition:.18s}.button svg{width:17px}.button.primary{background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;box-shadow:0 8px 20px #0e8f842e}.button.primary:hover{transform:translateY(-1px);box-shadow:0 11px 24px #0e8f8440}.button.secondary{border-color:#dce4eb;background:#fff;color:#344155}.button.secondary:hover{border-color:#b9c8d5;background:#f8fafb}.button.danger{background:#c83c50;color:#fff}.button.danger.ghost{border-color:#f0ccd2;background:#fff2f4;color:#b73548}.button.large{width:100%;height:50px;margin-top:8px}.text-button{border:0;background:none;color:var(--teal2);font-size:12px;font-weight:800}.icon-button{display:inline-grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid #dce5ec;border-radius:10px;background:#fff;color:#506176}.icon-button:hover{background:#f4f7f9;color:var(--ink)}.avatar{display:grid;width:37px;height:37px;place-items:center;border:0;border-radius:11px;background:linear-gradient(145deg,#163149,#0c1d2e);color:#fff;font-weight:800}.alert{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:11px;font-size:12px;line-height:1.5}.alert.error{border:1px solid #f2ccd2;background:#fff2f4;color:#a52f40}.app-shell{display:grid;min-height:100vh;grid-template-columns:245px 1fr}.sidebar{position:fixed;z-index:40;display:flex;width:245px;height:100vh;flex-direction:column;padding:24px 17px 16px;background:linear-gradient(180deg,#07111f,#0a1929);color:#fff}.sidebar .brand-lockup{padding:0 8px 30px}.sidebar nav{display:grid;gap:5px}.nav-label{padding:9px;color:#597188;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.sidebar nav button{display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:10px;background:none;color:#8298aa;font-size:12px;font-weight:700;text-align:left}.sidebar nav button:hover{background:#ffffff0b;color:#c9d6e0}.sidebar nav button.active{background:linear-gradient(90deg,#12b8a62b,#12b8a60f);color:#55dfcd;box-shadow:inset 2px 0 #28c8b6}.sidebar-health{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px;border:1px solid rgba(146,174,195,.12);border-radius:13px;background:#ffffff08}.health-icon{display:grid;width:33px;height:33px;place-items:center;border-radius:9px;background:#eca5381a;color:var(--amber)}.health-icon.online{background:#12b8a621;color:#3cd8c4}.health-icon svg{width:16px}.sidebar-health div:last-child{display:grid;gap:3px}.sidebar-health strong{font-size:10px}.sidebar-health span{color:#627b91;font-size:9px}.sidebar-user{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user button{display:flex;width:100%;align-items:center;gap:9px;padding:7px;border:0;border-radius:10px;background:none;color:#fff;text-align:left}.sidebar-user button>span{display:grid;width:33px;height:33px;place-items:center;border-radius:9px;background:#15334a;color:#5ad9c9}.sidebar-user button>div{display:grid;flex:1}.sidebar-user strong{font-size:10px}.sidebar-user small{color:#698197;font-size:9px}.sidebar-user svg{color:#60768a}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;z-index:25;top:0;display:flex;height:65px;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(214,223,231,.8);background:#fafcfde0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar>div:first-of-type{display:flex;gap:6px;font-size:12px}.breadcrumb{color:#8794a4}.top-actions{display:flex;align-items:center;gap:9px}.mobile-menu{display:none}.page-content{max-width:1480px;margin:auto;padding:36px 38px 70px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:29px}.hero-row h1{margin-bottom:7px;font-size:32px;letter-spacing:-.045em}.hero-row p{margin:0;color:var(--muted);font-size:13px}.hero-row.compact{align-items:center}.hero-actions{display:flex;gap:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px}.metric-card{position:relative;display:grid;min-height:173px;align-content:space-between;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 15px #1d304606}.metric-card.accent{overflow:hidden;border-color:#bee8e3;background:linear-gradient(145deg,#fafffe,#edf9f7)}.metric-card.accent:after{position:absolute;right:-45px;bottom:-55px;width:145px;height:145px;border-radius:50%;background:#12b8a612;content:""}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#728196;font-size:11px;font-weight:700}.metric-top svg{width:19px;color:#8a9bac}.metric-card.accent .metric-top svg{color:var(--teal2)}.metric-card>strong{overflow:hidden;font-size:23px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.metric-card>small{color:#8290a0;font-size:10px}.metric-card .status-pill{width:max-content}.metric-caption{color:#6b7c8e;font-size:10px;font-weight:700}.micro-line{height:5px;overflow:hidden;border-radius:9px;background:#edf1f4}.micro-line i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.micro-line.amber i{background:var(--amber)}.overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.panel{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 15px #1d304606}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 21px 15px}.panel-head h2{margin:0;font-size:16px}.storage-item{display:flex;align-items:center;gap:13px;margin:0 20px;padding:17px 0;border-top:1px solid #edf1f4}.storage-glyph{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#eaf8f6;color:var(--teal2)}.storage-glyph.remote{background:#edf3f8;color:#426884}.storage-glyph svg{width:18px}.storage-copy{display:grid;min-width:0;flex:1;gap:4px}.storage-copy strong{font-size:12px}.storage-copy span,.storage-copy small{overflow:hidden;color:#83909f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.storage-bar{width:80%;height:4px;margin-top:3px;border-radius:5px;background:#edf1f4}.storage-bar i{display:block;height:100%;border-radius:inherit;background:var(--teal)}.activity-panel{padding-bottom:8px}.activity-row{display:flex;width:calc(100% - 40px);align-items:center;gap:11px;margin:0 20px;padding:13px 0;border:0;border-top:1px solid #edf1f4;background:none;text-align:left}.activity-row>div{display:grid;min-width:0;flex:1;gap:4px}.activity-row strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.activity-row small{color:#8c98a7;font-size:9px}.activity-row svg{width:15px;color:#9aa7b4}.event-dot{width:7px;height:7px;border-radius:50%;background:#8796a6;box-shadow:0 0 0 4px #8796a61a}.event-dot[data-severity=warning]{background:var(--amber);box-shadow:0 0 0 4px #f2a93b1a}.event-dot[data-severity=error],.event-dot[data-severity=critical]{background:var(--red);box-shadow:0 0 0 4px #d94a5b1a}.empty-inline{padding:25px;color:#8995a3;font-size:11px;text-align:center}.status-pill{display:inline-flex;width:max-content;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;background:#f0f3f6;color:#667587;font-size:9px;font-weight:800;text-transform:capitalize}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill[data-status=successful],.status-pill[data-status=passed],.status-pill[data-status=online]{background:#e9f8f3;color:#11815f}.status-pill[data-status=failed],.status-pill[data-status=error],.status-pill[data-status=critical],.status-pill[data-status=verification_failed]{background:#fff0f2;color:#bd3f51}.status-pill[data-status=warning],.status-pill[data-status=incomplete],.status-pill[data-status=pending],.status-pill[data-status=never]{background:#fff6e7;color:#aa7117}.status-pill[data-status=running],.status-pill[data-status=claimed],.status-pill[data-status=deletion_pending]{background:#edf4ff;color:#3f6ea7}.table-panel{overflow:hidden}.table-tools{display:flex;gap:10px;padding:17px;border-bottom:1px solid var(--line)}.search-box{position:relative;min-width:260px;flex:1}.search-box svg{position:absolute;top:12px;left:12px;width:16px;color:#8796a6}.search-box input{padding-left:37px}.table-tools select{width:auto;min-width:140px}.bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 17px;background:#eaf8f6;color:#28675f;font-size:11px}.bulk-bar>div{display:flex;align-items:center;gap:7px}.data-table-wrap{position:relative;min-height:250px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{padding:11px 13px;background:#f9fafb;color:#7c8998;font-size:9px;letter-spacing:.04em;text-align:left;text-transform:uppercase}.data-table td{padding:12px 13px;border-top:1px solid #edf1f4;color:#526175;white-space:nowrap}.data-table tr:hover td{background:#fbfcfd}.check-cell{width:38px!important;text-align:center!important}.check-cell input{width:15px;height:15px;accent-color:var(--teal)}.record-title{display:flex;align-items:center;gap:9px;padding:0;border:0;background:none;text-align:left}.record-title>span:last-child{display:grid;gap:3px}.record-title strong{max-width:210px;overflow:hidden;color:#17263a;font-size:11px;text-overflow:ellipsis}.record-title small{color:#8b97a5;font-size:9px;text-transform:capitalize}.file-icon{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#edf7f6;color:var(--teal2)}.location-chip{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize}.table-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;background:#ffffffd4;color:#718093;font-size:11px}.empty-state{display:grid;place-content:center;justify-items:center;padding:55px 20px;color:#8290a0;text-align:center}.empty-state>div{display:grid;width:49px;height:49px;place-items:center;border-radius:15px;background:#eef5f5;color:var(--teal2)}.empty-state h3{margin:13px 0 5px;color:#233247;font-size:14px}.empty-state p{font-size:11px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-top:1px solid var(--line);color:#8491a0;font-size:10px}.pagination>div{display:flex;align-items:center;gap:9px}.pagination .icon-button{width:31px;height:31px}.timeline{padding:0 18px 16px}.timeline-row{display:flex;width:100%;align-items:center;gap:14px;padding:15px 5px;border:0;border-top:1px solid #edf1f4;background:none;text-align:left}.timeline-main{display:grid;min-width:0;flex:1;gap:4px}.timeline-main>div{display:flex;align-items:center;gap:8px}.timeline-main strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.timeline-main>span{color:#8b98a6;font-size:9px}.timeline-row time{color:#8592a1;font-size:9px}.timeline-row>svg{width:15px;color:#98a5b3}.modal-layer{position:fixed;z-index:100;inset:0;display:grid;overflow:auto;place-items:center;padding:24px;background:#030a12ab;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade .18s ease}.modal-card{width:min(600px,100%);max-height:calc(100vh - 48px);overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:#fff;box-shadow:0 35px 100px #0000004d;animation:pop .23s ease}.modal-card.wide{width:min(980px,100%)}.modal-card.danger{border-color:#f1c6ce}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:19px;letter-spacing:-.025em}.modal-body{max-height:calc(100vh - 190px);overflow:auto;padding:22px}.modal-foot{display:flex;gap:9px;padding:15px 22px;border-top:1px solid var(--line);background:#fbfcfd}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:translateY(12px) scale(.98);opacity:0}}.detail-hero{display:flex;gap:14px;margin-bottom:20px;padding:16px;border-radius:13px;background:#f6f9fa}.detail-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;background:#ddf4f1;color:var(--teal2)}.detail-hero>div:last-child{min-width:0}.detail-hero h3{margin:0 0 4px;font-size:15px}.detail-hero p{overflow:hidden;margin-bottom:9px;color:#758497;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.detail-hero>div>div{display:flex;gap:6px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.detail-grid>div{display:grid;gap:5px;padding:12px;border:1px solid #e5ebf0;border-radius:10px}.detail-grid span{color:#8290a0;font-size:9px;text-transform:uppercase}.detail-grid strong{overflow:hidden;font-size:11px;text-overflow:ellipsis}.metadata-block{margin-top:15px;border:1px solid var(--line);border-radius:11px}.metadata-block summary{padding:12px;color:#4f6074;font-size:11px;font-weight:700;cursor:pointer}.metadata-block pre{max-height:230px;overflow:auto;margin:0;padding:13px;border-top:1px solid var(--line);background:#0b1725;color:#9ddbd3;font-size:9px;line-height:1.6}.danger-callout{display:flex;gap:13px;padding:15px;border:1px solid #f1cbd1;border-radius:12px;background:#fff4f5;color:#a93445}.danger-callout>svg{margin-top:2px}.danger-callout strong{font-size:12px}.danger-callout p{margin:5px 0 0;font-size:10px;line-height:1.55}.delete-list{max-height:210px;overflow:auto;margin:15px 0}.delete-list>div{display:flex;align-items:center;gap:10px;padding:9px;border-bottom:1px solid #edf1f4}.delete-list svg{width:16px;color:#7a8998}.delete-list span{display:grid;gap:2px}.delete-list strong{font-size:10px}.delete-list small{color:#8996a5;font-size:9px}.modal-body>label,.settings-section label,.profile-tabs label{display:grid;gap:7px;color:#4f5f72;font-size:10px;font-weight:700}.message-card{padding:15px;border-radius:11px;background:#f6f8fa;color:#3e5065;font-size:12px;line-height:1.65}.settings-layout{display:grid;min-height:510px;grid-template-columns:190px 1fr;gap:21px}.settings-nav{display:flex;flex-direction:column;gap:5px;padding-right:17px;border-right:1px solid var(--line)}.settings-nav button{display:flex;align-items:center;gap:9px;padding:10px;border:0;border-radius:9px;background:none;color:#708095;font-size:10px;font-weight:800;text-align:left}.settings-nav button svg{width:16px}.settings-nav button.active{background:#eaf8f6;color:#168c80}.settings-content{min-width:0}.settings-section{display:grid;gap:17px}.section-title{display:flex;align-items:flex-start;justify-content:space-between}.section-title h3,.profile-tabs h3{margin-bottom:5px;font-size:15px}.section-title p,.twofa-panel p{margin:0;color:#7d8a9a;font-size:10px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.switch-row{display:flex!important;align-items:center;gap:8px}.switch-row input{width:34px;height:19px;appearance:none;border:0;border-radius:20px;background:#ccd5dd;cursor:pointer}.switch-row input:checked{background:var(--teal)}.switch-row input:after{display:block;width:15px;height:15px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;content:"";transition:.2s}.switch-row input:checked:after{transform:translate(15px)}.section-actions{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line)}.section-actions.end{justify-content:flex-end}.inline-test{display:flex;gap:7px}.inline-test input{width:210px}.test-result{display:flex;align-items:center;gap:8px;padding:11px;border-radius:9px;background:#f0f7f6;color:#397168;font-size:10px}.test-result svg{width:16px}.retention-card{display:grid;grid-template-columns:1.2fr 1fr;gap:13px;padding:15px;border:1px solid var(--line);border-radius:12px}.retention-card>div:first-child{display:flex;gap:10px}.retention-card>div:first-child>div{display:grid;align-content:center;gap:3px}.retention-card strong{font-size:11px;text-transform:capitalize}.retention-card small{color:#8492a2;font-size:9px}.retention-card .storage-glyph{width:37px;height:37px}.retention-inputs{display:flex;gap:7px}.retention-inputs label{width:70px}.retention-inputs input{height:34px}.retention-card>.button{grid-column:2;justify-self:end}.rules-list{display:grid}.rule-row{display:grid;grid-template-columns:35px 1fr 240px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f4}.rule-row>div{display:grid;gap:3px}.rule-row strong{font-size:10px}.rule-row small{color:#8b97a5;font-size:8px}.profile-tabs{display:grid;gap:20px}.profile-tabs>section{padding-bottom:18px;border-bottom:1px solid var(--line)}.profile-tabs .button{margin-top:13px}.twofa-panel>div:first-child{display:flex;gap:11px}.twofa-panel>div:first-child>svg{color:var(--teal2)}.twofa-setup{display:flex;gap:20px;margin-top:15px;padding:15px;border-radius:12px;background:#f4f8f8}.twofa-setup img{width:150px;height:150px;border-radius:8px}.twofa-setup>div{display:grid;align-content:center;gap:8px}.twofa-setup p{margin:0}.twofa-setup code{padding:8px;border-radius:7px;background:#e3ecec;font-size:10px}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:15px;padding:13px;border:1px solid #f0d49d;border-radius:10px;background:#fff9ed}.recovery-codes strong{grid-column:1/-1;font-size:10px}.recovery-codes code{font-size:9px}.toast{position:fixed;z-index:150;right:22px;bottom:22px;display:flex;max-width:430px;align-items:center;gap:10px;padding:13px 15px;border:1px solid #bfe5dd;border-radius:12px;background:#f3fffb;color:#286e62;box-shadow:var(--shadow);font-size:11px;font-weight:700}.toast>svg{width:17px}.toast button{display:grid;width:24px;height:24px;padding:0;place-items:center;border:0;background:none;color:inherit}.toast button svg{width:14px}.toast-enter-active,.toast-leave-active{transition:.22s}.toast-enter-from,.toast-leave-to{transform:translateY(12px);opacity:0}@media(max-width:1050px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.mobile-brand strong{font-size:18px}.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.page-content{padding:30px 25px}.app-shell{grid-template-columns:215px 1fr}.sidebar{width:215px}}@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translate(-105%);transition:.25s}.sidebar.open{transform:none}.sidebar-scrim{position:fixed;z-index:35;inset:0;background:#030a128c}.workspace{width:100%}.mobile-menu{display:grid}.topbar{height:59px;padding:0 15px}.page-content{padding:24px 14px 55px}.hero-row{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions .button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:155px;padding:15px}.metric-card>strong{font-size:19px}.table-tools{flex-wrap:wrap}.search-box{min-width:100%}.table-tools select{flex:1}.filters{width:100%}.modal-layer{align-items:end;padding:0}.modal-card,.modal-card.wide{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.modal-body{max-height:calc(94vh - 140px);padding:17px}.modal-head,.modal-foot{padding:15px 17px}.settings-layout{display:block}.settings-nav{overflow-x:auto;flex-direction:row;margin-bottom:18px;padding:0 0 10px;border:0;border-bottom:1px solid var(--line)}.settings-nav button{white-space:nowrap}.detail-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.retention-card{grid-template-columns:1fr}.retention-card>.button{grid-column:auto}.rule-row{grid-template-columns:35px 1fr}.rule-row>input{grid-column:2}.section-actions{align-items:stretch;flex-direction:column}.inline-test{width:100%}.inline-test input{width:auto;flex:1}.twofa-setup{align-items:center;flex-direction:column}.data-table{min-width:850px}.story-grid{grid-template-columns:1fr}}@media(max-width:470px){.metric-grid{grid-template-columns:1fr}.login-panel{padding:25px}.detail-grid{grid-template-columns:1fr}.modal-foot{flex-wrap:wrap}.modal-foot .button{flex:1}.toast{right:10px;bottom:10px;left:10px}.topbar .breadcrumb{display:none}}.retention-actions{display:flex;grid-column:2;justify-content:flex-end;gap:7px}@media(max-width:760px){.retention-actions{grid-column:auto;flex-wrap:wrap}}.switch-control,.notification-rule{position:relative;display:flex!important;align-items:center;gap:11px;min-height:48px;color:#344155;cursor:pointer}.switch-control>input,.notification-rule>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toggle-track{position:relative;display:block!important;width:42px;min-width:42px;height:24px;border-radius:99px;background:#cbd5df;box-shadow:inset 0 0 0 1px #3a4b5e14;transition:.2s}.toggle-track:after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0e1c2b40;content:"";transition:.2s}.switch-control>input:checked+.toggle-track,.notification-rule>input:checked+.toggle-track{background:var(--teal)}.switch-control>input:checked+.toggle-track:after,.notification-rule>input:checked+.toggle-track:after{transform:translate(18px)}.switch-control>input:focus-visible+.toggle-track,.notification-rule>input:focus-visible+.toggle-track{outline:3px solid rgba(18,184,166,.18);outline-offset:2px}.switch-control>span:last-child,.notification-rule>span:last-child{display:grid;gap:3px}.switch-control strong,.notification-rule strong{font-size:11px}.switch-control small,.notification-rule small{color:#8190a0;font-size:9px;line-height:1.4}.switch-control.compact{min-height:34px}.switch-control.compact .toggle-track{width:38px;min-width:38px;height:22px}.switch-control.compact .toggle-track:after{width:16px;height:16px}.switch-control.compact>input:checked+.toggle-track:after{transform:translate(16px)}.storage-picker{display:grid;gap:9px}.storage-picker>button{display:flex;width:100%;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-align:left;transition:.18s}.storage-picker>button:hover{border-color:#a9dcd6;background:#fafffe}.storage-picker>button.selected{border-color:#5bc9bc;background:#effaf8;box-shadow:0 0 0 3px #12b8a614}.storage-picker>button>div{display:grid;min-width:0;flex:1;gap:3px}.storage-picker strong{font-size:11px}.storage-picker small,.storage-picker span{overflow:hidden;color:#748497;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.storage-picker>button>svg{width:18px;color:var(--teal2)}.storage-glyph.system{background:#fff4df;color:#a36d18}.system-disk-label{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:99px;background:#fff1d5;color:#956314;font-family:DM Sans,sans-serif;font-size:7px;font-style:normal;letter-spacing:.04em;text-transform:uppercase}.empty-storage{display:flex;align-items:center;gap:12px;padding:17px;border:1px dashed #ccd8e2;border-radius:12px;background:#fafcfd;color:#6f8092}.empty-storage>svg{width:22px}.empty-storage>div{display:grid;gap:4px}.empty-storage strong{font-size:11px}.empty-storage span{font-size:9px}.selected-storage{display:grid;grid-template-columns:1.5fr 1fr 1.4fr;gap:8px}.selected-storage>div{display:grid;min-width:0;gap:4px;padding:10px;border-radius:10px;background:#f5f8fa}.selected-storage span{color:#8190a0;font-size:8px;text-transform:uppercase}.selected-storage strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.compact-form{padding-top:3px}.auth-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-choice button{display:grid;grid-template-columns:28px 1fr;gap:2px 9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#5d6d80;text-align:left}.auth-choice button svg{grid-row:1/3;width:20px;margin-top:2px;color:#8292a3}.auth-choice button strong{font-size:11px}.auth-choice button span{font-size:9px}.auth-choice button.active{border-color:#58c8bb;background:#effaf8;color:#176d64;box-shadow:0 0 0 3px #12b8a612}.auth-choice button.active svg{color:var(--teal2)}.field-help{display:block;color:#8a97a5;font-size:9px;font-weight:500;line-height:1.45}.delivery-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #cce6e2;border-radius:12px;background:#f3fbfa}.delivery-card>svg{width:20px;color:var(--teal2)}.delivery-card>div{display:grid;gap:3px}.delivery-card span{color:#718193;font-size:8px;text-transform:uppercase}.delivery-card strong{font-size:11px}.delivery-card small{color:#81909f;font-size:9px}.rules-list{grid-template-columns:1fr 1fr;gap:8px}.notification-rule{padding:10px;border:1px solid #e5ebf0;border-radius:10px;background:#fff}.notification-rule:has(input:checked){border-color:#c5e7e2;background:#f8fdfc}.operation-progress{display:flex;align-items:center;gap:12px;margin-top:15px;padding:14px;border:1px solid #cfe4e2;border-radius:12px;background:#f4faf9}.operation-progress>svg{width:20px;color:var(--teal2)}.operation-progress>div{display:grid;flex:1;gap:4px}.operation-progress strong{font-size:11px}.operation-progress span{color:#748396;font-size:9px;line-height:1.45}.operation-center{position:sticky;z-index:24;top:65px;display:grid;gap:7px;padding:9px 34px;border-bottom:1px solid #dbe6eb;background:#f3f8f9f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.operation-live-card{display:flex;align-items:center;gap:11px;max-width:1480px;width:100%;margin:auto;padding:11px 13px;border:1px solid #cbe4e0;border-radius:11px;background:#fff;box-shadow:0 5px 16px #1430410d}.operation-live-card>svg{width:18px;color:var(--teal2)}.operation-live-copy{display:grid;min-width:0;flex:1;gap:5px}.operation-live-copy>div:first-child{display:flex;align-items:center;gap:8px}.operation-live-copy strong{font-size:10px}.operation-live-copy>span{overflow:hidden;color:#6f7f91;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.operation-live-track{height:6px;overflow:hidden;border-radius:99px;background:#e5ecef}.operation-live-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#42d4c4);transition:width .35s ease}.operation-live-percent{min-width:38px;color:#167f74;font-size:11px;text-align:right}.operation-progress .operation-live-track{margin-top:3px}.operation-progress>.operation-live-percent{font-size:11px}.operation-live-track.indeterminate i{width:34%;animation:indeterminate-progress 1.35s ease-in-out infinite}@keyframes indeterminate-progress{0%{transform:translate(-110%)}to{transform:translate(310%)}}.verification-cell{display:grid;gap:4px}.verification-cell small{color:#8391a0;font-size:8px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.cancel-action,.cancel-button{border-color:#f0c980!important;background:#fff8e9!important;color:#956014!important}.deletion-window{display:flex;align-items:center;gap:12px;margin-top:15px;padding:14px;border:1px solid #efd193;border-radius:12px;background:#fff9ec;color:#805313}.deletion-window>svg{width:20px}.deletion-window>div{display:grid;flex:1;gap:4px}.deletion-window strong{font-size:11px}.deletion-window span{color:#8d7449;font-size:9px;line-height:1.45}.host-key-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dce4eb;border-radius:12px;background:#f8fafb;color:#536477}.host-key-card.pending{border-color:#efcf8d;background:#fff9ec;color:#875913}.host-key-card.trusted{border-color:#bfe4dc;background:#f1fbf8;color:#1c7568}.host-key-card>svg{width:21px}.host-key-card>div{display:grid;min-width:0;flex:1;gap:4px}.host-key-card span{font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.host-key-card strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.host-key-card small{color:#7f8e9e;font-size:9px;line-height:1.45}.host-key-card .button{flex:none}.recommended-label{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:99px;background:#e5f6f3;color:#168478;font-size:7px;font-style:normal;text-transform:uppercase}.security-warning{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #f0d49b;border-radius:11px;background:#fff9ec;color:#845b16}.security-warning>svg{width:18px}.security-warning>div,.test-result>div{display:grid;gap:3px}.security-warning strong,.test-result strong{font-size:10px}.security-warning span,.test-result span,.test-result small{font-size:9px;line-height:1.45}.test-result.failed{border:1px solid #efc8ce;background:#fff3f5;color:#a43749}.test-result.failed span{color:#8f3443}.test-result>div{flex:1}.inventory-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.inventory-summary button{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#66778a}.inventory-summary button.active{border-color:#65cabf;background:#effaf8;color:#157b70;box-shadow:0 0 0 3px #12b8a612}.inventory-summary span{font-size:10px;font-weight:800}.inventory-summary strong{font-size:17px}.inventory-summary svg{width:17px}.bulk-actions{display:flex;gap:7px}.transfer-progress{display:flex;align-items:center;gap:7px}.transfer-progress i{display:block;width:90px;height:6px;overflow:hidden;border-radius:99px;background:#e5ebf0}.transfer-progress i span{display:block;height:100%;border-radius:inherit;background:var(--teal)}.transfer-progress small{font-size:8px}.status-with-reason{display:grid;max-width:250px;gap:4px}.status-with-reason small{overflow:hidden;color:#a23b4b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.compact-button{min-height:30px;padding:6px 9px;font-size:9px}.user-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.user-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 25px #1023340a}.user-card-head{display:flex;align-items:center;gap:10px}.user-card-head>span{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:#e7f6f4;color:#14867b;font-weight:800}.user-card-head>div{display:grid;min-width:0;flex:1;gap:3px}.user-card-head strong{font-size:11px}.user-card-head small{overflow:hidden;color:#8391a0;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.user-meta{display:grid;gap:7px;margin:14px 0;padding:11px;border-radius:10px;background:#f7f9fa}.user-meta span{display:flex;align-items:center;gap:7px;color:#68798c;font-size:9px}.user-meta svg{width:14px}.user-actions{display:flex;justify-content:flex-end;gap:7px}.danger-icon{color:#b43849!important}.transfer-intro{display:flex;gap:13px;padding:15px;border:1px solid #c9e7e2;border-radius:12px;background:#f3fbf9}.transfer-intro>svg{color:var(--teal2)}.transfer-intro strong{font-size:12px}.transfer-intro p{margin:5px 0 0;color:#718194;font-size:10px;line-height:1.5}.transfer-picker{display:grid;max-height:390px;overflow:auto;gap:8px;margin-top:14px}.transfer-picker>label{display:flex!important;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.transfer-picker>label:has(input:checked){border-color:#63c9bd;background:#f0faf8}.transfer-picker input{position:absolute;opacity:0}.toggle-check{display:grid;width:24px;height:24px;place-items:center;border:1px solid #ccd7e0;border-radius:7px;color:transparent}.transfer-picker input:checked+.toggle-check{border-color:var(--teal);background:var(--teal);color:#fff}.toggle-check svg{width:15px}.transfer-picker label>div{display:grid;flex:1;gap:3px}.transfer-picker strong{font-size:10px}.transfer-picker small{color:#8290a0;font-size:8px}.user-active-switch{margin:16px 0}.permission-matrix{overflow:hidden;border:1px solid var(--line);border-radius:12px}.permission-head,.permission-row{display:grid;grid-template-columns:minmax(180px,1fr) repeat(4,65px);align-items:center}.permission-head{padding:10px 12px;background:#f5f8fa;color:#7c8998;font-size:8px;text-align:center;text-transform:uppercase}.permission-head strong{text-align:left}.permission-row{min-height:54px;padding:0 12px;border-top:1px solid #edf1f4}.permission-row>div{display:grid;gap:3px}.permission-row strong{font-size:10px}.permission-row small{color:#8996a4;font-size:8px}.permission-row>label{display:grid!important;place-items:center}.permission-row input{position:absolute;opacity:0}.permission-row label span{display:grid;width:25px;height:25px;place-items:center;border:1px solid #ccd7e0;border-radius:7px;color:transparent}.permission-row input:checked+span{border-color:var(--teal);background:#e8f7f5;color:#16877b}.permission-row label.unavailable span{border-style:dashed;background:#f5f6f7}.permission-row svg{width:14px}.account-hero{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#091929,#102b40);color:#fff}.account-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#1bb9a8,#0b8077);font:800 18px Manrope}.account-hero>div:nth-child(2){display:grid;gap:3px}.account-hero h3{margin:0;font-size:15px}.account-hero>div:nth-child(2)>span{color:#8fa9bd;font-size:10px}.security-badge{display:flex;align-items:center;gap:9px;margin-left:auto;padding:9px 11px;border:1px solid rgba(242,169,59,.25);border-radius:11px;background:#f2a93b14;color:#f1b754}.security-badge.enabled{border-color:#4adac23d;background:#12b8a61a;color:#58d9c8}.security-badge>svg{width:18px}.security-badge>span{display:grid;gap:2px}.security-badge strong{font-size:9px}.security-badge small{color:#8ca4b6;font-size:8px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.account-card{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.account-card.full-card{grid-column:1/-1}.account-card-head{display:flex;gap:10px;margin-bottom:15px}.account-card-head>svg{width:20px;color:var(--teal2)}.account-card-head h3{margin:0 0 4px;font-size:13px}.account-card-head p{margin:0;color:#7f8d9d;font-size:9px;line-height:1.45}.account-card>.button{margin-top:13px}.one-column{grid-template-columns:1fr}.twofa-start{display:flex;align-items:end;gap:10px}.twofa-start label{flex:1}.enabled-state{display:flex;align-items:center;gap:9px;padding:12px;border-radius:10px;background:#eaf8f3;color:#147859;font-size:10px;font-weight:700}.enabled-state svg{width:17px}@media(max-width:760px){.selected-storage,.rules-list,.account-grid,.user-grid{grid-template-columns:1fr}.inventory-summary{grid-template-columns:1fr 1fr}.permission-matrix{overflow-x:auto}.permission-head,.permission-row{min-width:520px}.account-card.full-card{grid-column:auto}.auth-choice{grid-template-columns:1fr}.account-hero{align-items:flex-start;flex-wrap:wrap}.security-badge{width:100%;margin-left:0}.twofa-start{align-items:stretch;flex-direction:column}}@media(max-width:760px){.operation-center{top:59px;padding:8px 14px}.operation-live-copy>span{white-space:normal}.operation-live-card{align-items:flex-start}}.permission-row>label{position:relative;cursor:pointer}.permission-row>label input{inset:0;width:100%;height:100%;margin:0;cursor:pointer}