/* PRIMAINTI 2026: shared design tokens and responsive components. */
:root{--blue:#087f8c;--blue2:#066571;--blue3:#5bd5cc;--bg:#f3f6f8;--panel:#fff;--text:#192d38;--muted:#657984;--border:#e1e9ed;--radius:20px;--shadow:0 8px 32px #203c4e06;--shadow-sm:0 3px 14px #203c4e08}
body{background:#f3f6f8;color:var(--text);font-family:Inter,"Segoe UI",system-ui,sans-serif;line-height:1.55}
.sidebar{background:#fff;color:#526773;border-right:1px solid var(--border);box-shadow:none}
.sidebar::before{display:none}.logo{color:#153c45;border-color:var(--border);min-height:94px}.logo-copy small{color:#71858e;letter-spacing:.04em}.logo-mark{box-shadow:none;background:#e3f5f2}
.management-toggle{color:#264a53!important;background:#f4f8f9!important;border:0!important;border-radius:14px;margin:16px 12px 4px;font-size:13px}
.side-nav{gap:6px;padding:10px 14px}.side-nav a{color:#627580;font-weight:550;border:0;border-radius:12px;padding:12px 14px}.side-nav a:hover{color:#086d79;background:#f0f8f7;transform:none}.side-nav a.active{background:#e4f4f1;color:#087481;box-shadow:none;border:0}.nav-icon{opacity:1}.side-nav a.active .nav-icon{color:#087f8c}
.topbar{background:#ffffffde;border-bottom:1px solid #e3eaee;backdrop-filter:blur(16px);box-shadow:none}.avatar{color:#087f8c;background:#e2f3f0}.user-chip{border-radius:14px}.account-panel{border-radius:18px;box-shadow:0 16px 50px #1835431c}.account-panel a:hover{background:#eff8f6;color:#087f8c}
.content{max-width:1680px;margin:auto;padding:28px 32px 60px}.page-head{margin:8px 0 26px;gap:18px}.page-head h1{font-size:clamp(24px,2.5vw,34px);font-weight:720;letter-spacing:-.045em;line-height:1.2}.page-head p{margin:9px 0 0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.15em;color:#087f8c;display:block;margin-bottom:9px}
h3{font-weight:650;letter-spacing:-.025em}.card{border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.panel{padding:26px}.panel-head{gap:16px;align-items:center}.panel-head p{margin:6px 0}.stat{position:relative;overflow:hidden;padding:24px}.stat:before{content:"";display:block;width:28px;height:4px;background:#20a498;border-radius:8px;margin-bottom:20px}.stat .value{font-size:32px;letter-spacing:-.05em}.stat:nth-child(2):before{background:#7793da}.stat:nth-child(3):before{background:#e5ad50}
.btn{border-radius:12px;min-height:42px;padding:10px 17px;font-weight:600;box-shadow:none;transition:background .18s,box-shadow .18s}.btn:not(.ghost):not(.danger):not(.green):not(.secondary){background:#087f8c;border-color:#087f8c;color:#fff}.btn:not(.ghost):not(.danger):not(.green):not(.secondary):hover{background:#066571;border-color:#066571;box-shadow:0 4px 14px #087f8c26;transform:none}.btn.secondary{background:#e7f5f2;color:#076f79;border-color:#d9eee8}.btn.ghost{color:#4e6874;background:#fff;border-color:#dce6eb}.btn.danger{color:#b63b45;background:#fff1f2;border-color:#f6d9dc}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:12px;border-color:#dbe5ea;background:#fbfcfd;min-height:44px;color:#213f4a}input:focus,select:focus,textarea:focus{border-color:#289f9e;box-shadow:0 0 0 4px #087f8c12;outline:none}.field label{font-size:13px;font-weight:600;color:#385661}.field small,.muted{color:#6c7f89}.progress{height:7px;background:#e9f0f1;border-radius:99px}.progress>div{background:linear-gradient(90deg,#087f8c,#4cc4af)}.badge{border-radius:8px;padding:5px 9px;font-size:11px;background:#eff6f5;color:#33756e}
.workspace-summary>div{border-color:var(--border);border-radius:18px;padding:23px;box-shadow:var(--shadow)}.summary-icon{background:#e6f6f2;color:#087f8c;border-radius:14px}.workspace-summary strong{color:#203b48;font-size:28px}.upload-zone{border:1.5px dashed #b5d5d3;background:linear-gradient(120deg,#f4fbf9,#fff);border-radius:20px;padding:32px}.upload-zone:hover,.upload-zone.dragover{background:#e9f8f4;border-color:#087f8c}.file-table thead th{background:#f8fafb;color:#768992;font-size:10px;letter-spacing:.08em}.file-table td{border-color:#edf2f4;padding-top:18px;padding-bottom:18px}.file-table tbody tr:hover{background:#f5fbfa}.file-icon{background:#f0f6f7;border-radius:13px}.file-title{font-weight:600}.settings-nav{background:#fff;border:1px solid var(--border);border-radius:18px;padding:10px;align-self:start}.settings-nav a{border-radius:11px;color:#617882}.settings-nav a.active{background:#e4f4f0;color:#087481}.toggle-list>label{padding:20px 0;border-color:#edf2f4}.toggle-list input{accent-color:#087f8c}.alert{border-radius:14px}.alert.info{background:#edf8f8;color:#326c74;border-color:#d2eaea}.alert.success{background:#edf9f1;color:#267347}.device-limit-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:20px 0}.device-limit-form .field{margin:0;max-width:240px}.device-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--border)}.device-row>div{min-width:0}.device-row p{overflow-wrap:anywhere;margin:5px 0}.device-row form{flex-shrink:0}
.login-page{background:#edf4f4}.login-page::before{filter:saturate(.65);opacity:.3}.login-stage{padding:28px 40px}.login-grid{align-items:center;padding:36px 0}.login-panel{max-width:450px;background:#ffffffed;border:1px solid #fff;border-radius:28px;box-shadow:0 28px 90px #173e491c;padding:38px}.login-brand{color:#16434c;text-shadow:none}.panel-icon{background:#e4f5f1;color:#087f8c}.panel-intro h2{font-size:29px!important;text-transform:none!important;letter-spacing:-.045em!important;line-height:1.2}.panel-description{font-size:13px!important;color:#6a8088!important;letter-spacing:0!important}.login-input{border-radius:13px!important;background:#f8fbfc!important;border-color:#dae6e8!important}.login-input input{background:transparent!important;border:0!important;box-shadow:none!important}.login-submit{background:#087f8c!important;border:0!important;border-radius:13px!important;margin-top:12px;min-height:49px}.login-signup a{color:#087f8c}.password-toggle{color:#087f8c}.login-footer{color:#58727d}
@media(min-width:1025px){.main{min-width:0}.topbar{padding-left:32px;padding-right:32px}}
@media(max-width:1024px){.content{padding:20px 20px 100px}.sidebar{background:#fff}.mobile-bottom-nav{background:#fffffff2;border-color:var(--border);backdrop-filter:blur(16px)}.mobile-bottom-nav a.active{color:#087f8c;background:#eff9f5}}
@media(max-width:650px){.content{padding:16px 14px 100px}.panel{padding:20px}.page-head{margin-bottom:20px}.page-head h1{font-size:26px}.workspace-summary{gap:8px}.workspace-summary>div{padding:12px 8px}.workspace-summary strong{font-size:21px}.device-row{align-items:flex-start;flex-direction:column;gap:12px}.device-limit-form .field{max-width:none;flex:1}.login-stage{padding:20px 16px}.login-panel{padding:28px 23px}.login-grid{padding:24px 0}.login-panel .panel-intro h2{font-size:26px!important}.settings-nav{display:flex;flex-wrap:wrap;gap:4px}.file-table tbody tr{border:1px solid var(--border);border-radius:16px;box-shadow:0 3px 12px #203c4e04}.grid-4{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* All-account data workspace and backup tools. */
.data-workspace{--data-accent:#087f8c}.data-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:8px 0 22px}.data-page-head h1{font-size:clamp(27px,2.6vw,36px);line-height:1.2;letter-spacing:-.045em;margin:0}.data-page-head p{max-width:560px;margin:12px 0 0;font-size:13px}.data-backup-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap;margin-left:auto;padding-top:4px;flex-shrink:0;max-width:560px}.data-backup-actions form{margin:0}.data-backup-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;white-space:nowrap}.action-icon{display:inline-flex}.action-icon svg{width:17px;height:17px}.data-backup-note{border:1px solid #dbeae7;border-radius:13px;background:#f0f8f5;padding:13px 16px;margin-bottom:24px}.data-backup-note summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;color:#456e69;list-style:none}.data-backup-note summary>.small{margin-left:auto;white-space:nowrap}.data-backup-note p{margin:14px 0 0;line-height:1.7}.backup-dot{width:7px;height:7px;background:#32aa8e;box-shadow:0 0 0 4px #32aa8e13;border-radius:50%;flex-shrink:0}.data-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.data-summary>div{gap:14px;padding:22px 18px;border-radius:17px}.data-summary .summary-icon svg{width:23px;height:23px}.data-summary strong{font-size:25px}.data-summary>div:nth-child(4) .summary-icon{color:#92703b;background:#fbf3e3}.data-workspace .admin-data-filter{margin-top:4px;display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1.4fr) auto;gap:18px;align-items:end;padding:20px 22px;border-radius:17px}.data-workspace .admin-data-filter .field{margin:0}.data-workspace .admin-data-filter .actions{margin:0;gap:8px;flex-wrap:nowrap}.data-workspace .admin-data-filter input,.data-workspace .admin-data-filter select{width:100%}.data-list-heading{margin:30px 0 3px;display:flex;align-items:center;justify-content:space-between;gap:16px}.data-list-heading h2{font-size:21px;letter-spacing:-.025em;margin:0}.data-list-heading .eyebrow{font-size:9px;margin-bottom:5px}.data-list-hint{margin:8px 0 18px}.data-bulk-panel{padding:14px 18px;border-radius:14px;margin-bottom:12px;box-shadow:none}.data-bulk-panel .actions{gap:14px}.data-bulk-panel .actions>label{font-size:12px;display:inline-flex;align-items:center;gap:7px}.data-bulk-panel input[type=checkbox],.admin-data-table input[type=checkbox]{width:16px;height:16px;accent-color:#087f8c}.data-bulk-panel .btn{font-size:11px;min-height:34px;padding:7px 10px;margin-left:auto}.data-delete-note{margin:8px 0 0}.data-delete-note summary{font-size:11px;cursor:pointer}.data-delete-note p{font-size:11px;line-height:1.7}.data-workspace .table-wrap{border-radius:18px;overflow:auto}.data-workspace .admin-data-table{font-size:12px}.data-workspace .admin-data-table th{font-size:9px;white-space:nowrap}.data-workspace .admin-data-table .small{font-size:10px;line-height:1.6}.data-workspace .admin-data-table .name-main{font-size:13px;font-weight:600;overflow-wrap:anywhere}.data-workspace .admin-data-table .file-icon{height:36px;width:36px;font-size:19px}.data-workspace .admin-data-table .row-menu{gap:5px}.data-workspace .admin-data-table .btn.sm{font-size:10px;border-radius:8px;min-height:30px;padding:6px 9px;white-space:nowrap}.data-status{font-size:10px;padding:4px 8px}.data-status.is-active{color:#207a5b;background:#e8f6ed}.data-status.is-retained{color:#996725;background:#fbf2df}.data-empty{padding:48px 18px!important;display:flex;align-items:center;flex-direction:column;gap:8px}.data-empty h3,.data-empty p{margin:2px 0}.restore-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:22px;margin-top:28px}.restore-grid .panel{padding:28px}.restore-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.restore-card-heading h2,.restore-guide h2{margin:0;font-size:20px;letter-spacing:-.03em}.restore-card-heading p{margin:4px 0}.restore-file-field{background:#f7fbfa;border:1.5px dashed #b8d7d1;border-radius:16px;padding:24px;margin-bottom:18px}.restore-file-field label{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.restore-file-field input[type=file]{max-width:100%;min-height:0;background:transparent;border:0;font-size:12px;padding:0}.restore-file-field input::file-selector-button{background:#fff;color:#087f8c;border:1px solid #cce0dc;border-radius:9px;padding:9px 12px;margin-right:12px;cursor:pointer}.restore-file-field p{margin:14px 0 0;overflow-wrap:anywhere}.restore-limit{display:flex;gap:16px;justify-content:space-between;font-size:11px;color:#6a7e89;background:#f6f8fa;padding:12px 14px;border-radius:10px;margin-bottom:24px}.restore-limit b{color:#2c5962;margin-left:6px}.restore-upload-card .btn{width:100%;margin-top:7px}.restore-upload-card #restoreSubmitStatus{font-size:11px;line-height:1.6;text-align:center}.restore-guide{align-self:start}.restore-guide ol{list-style:none;counter-reset:restore;margin:24px 0;padding:0;display:grid;gap:22px}.restore-guide li{counter-increment:restore;position:relative;padding-left:43px}.restore-guide li:before{content:counter(restore);position:absolute;left:0;top:0;width:28px;height:28px;background:#ecf6f3;color:#17806f;border:1px solid #dceee7;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:650}.restore-guide li strong{font-size:13px;display:block}.restore-guide li span{display:block;color:#6c7f89;font-size:12px;line-height:1.65;margin-top:4px}.restore-caution{background:#fff8e9;border:1px solid #f2e6c8;color:#92743e;padding:14px;border-radius:12px;font-size:12px;line-height:1.65}.restore-success{max-width:760px;margin:28px auto;padding:36px}.restore-success .summary-icon{margin-bottom:18px}.restore-success h2{font-size:25px}.restore-success p{line-height:1.8}.restore-success code{overflow-wrap:anywhere}
@media(max-width:1400px){.data-page-head{flex-wrap:wrap}.data-backup-actions{width:100%;max-width:none}.data-summary>div{padding:18px 14px}.data-summary strong{font-size:23px}}
@media(max-width:1000px){.data-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.data-workspace .admin-data-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.data-workspace .admin-data-filter .actions{grid-column:1/-1;justify-content:flex-end}.restore-grid{grid-template-columns:1fr}.data-bulk-panel .btn{margin-left:0}}
@media(max-width:650px){.data-page-head{margin-top:8px;gap:18px}.data-backup-actions{justify-content:stretch;padding:0;gap:8px;flex-direction:column;align-items:stretch}.data-backup-actions form,.data-backup-actions .btn{width:100%}.data-backup-actions .btn{min-height:44px;white-space:normal}.data-backup-note{padding:13px 14px}.data-backup-note summary{align-items:flex-start;font-size:11px;flex-wrap:wrap}.data-backup-note summary>.small{margin-left:16px}.data-summary{gap:10px;margin-bottom:18px}.data-summary>div{padding:16px 12px;display:flex;align-items:center;gap:12px}.data-summary .summary-icon{display:grid;width:35px;height:35px}.data-summary strong{font-size:22px}.data-summary div div>span{font-size:10px}.data-workspace .admin-data-filter{grid-template-columns:1fr;padding:18px;gap:16px}.data-workspace .admin-data-filter .actions{grid-column:auto}.data-workspace .admin-data-table tbody tr:has(>td:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.data-workspace .admin-data-table td:last-child{grid-column:1/-1}.data-workspace .admin-data-table .row-menu{justify-content:flex-start;flex-wrap:wrap;display:flex}.data-workspace .table-wrap{background:transparent;border:0;box-shadow:none;overflow:visible}.data-bulk-panel{padding:14px}.data-bulk-panel .actions{align-items:flex-start;flex-direction:column;gap:12px}.data-bulk-panel .btn{width:100%}.data-list-heading{margin-top:24px}.restore-grid{margin-top:20px;gap:16px}.restore-grid .panel{padding:21px}.restore-file-field{padding:18px}.restore-limit{flex-wrap:wrap;gap:8px}.restore-success{padding:24px}}

.data-workspace .file-icon svg{width:21px;height:21px;color:#478b92}.data-summary>div{background:#fff}
@media(max-width:650px){.data-workspace .admin-data-table tbody tr{position:relative;padding:16px;gap:10px 14px}.data-workspace .admin-data-table td{padding:3px 0}.data-workspace .admin-data-table td:first-child{position:absolute;right:16px;top:16px;width:auto}.data-workspace .admin-data-table td:nth-child(2){padding:0 28px 0 0;margin:0}.data-workspace .admin-data-table td:nth-child(2)::before{display:none}.data-workspace .admin-data-table td:nth-child(3){grid-column:1/-1}.data-workspace .admin-data-table td:nth-child(5){grid-column:2}.data-workspace .admin-data-table .row-menu{margin-top:5px;padding-top:10px;border-top:1px solid #edf2f4}.data-workspace .admin-data-table .row-menu .btn.sm{min-height:38px;padding:8px 11px}.data-workspace .admin-data-table .small{font-size:11px}}