*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#20242a;background:#f4f6f8}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:270px;background:#3c1226;color:#fff;overflow-y:auto;box-shadow:2px 0 18px rgba(0,0,0,.13)}.sidebar-head{height:92px;display:flex;align-items:center;justify-content:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.11)}.sidebar-head img{max-width:180px;max-height:66px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.sidebar-close{display:none;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}.sidebar nav{padding:12px}.sidebar a{display:flex;gap:10px;align-items:center;text-decoration:none;padding:11px 12px;border-radius:8px;margin:3px 0;color:#f7f2f4;font-size:14px}.sidebar a:hover{background:rgba(255,255,255,.1)}.sidebar a.disabled{opacity:.45;cursor:not-allowed}.sidebar a small{margin-left:auto;font-size:10px}.nav-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#d7b9c5;padding:18px 12px 5px}.app-main{margin-left:270px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;background:#fff;border-bottom:1px solid #e4e7eb;display:flex;align-items:center;padding:0 24px;gap:18px;position:sticky;top:0;z-index:20}.mobile-menu-btn{display:none}.icon-btn{border:0;background:#f1f3f5;border-radius:8px;padding:8px 10px;font-size:20px}.top-search{flex:1}.top-search input{width:min(480px,100%);padding:10px 12px;border:1px solid #dfe3e7;border-radius:8px;background:#f8f9fa}.top-actions{display:flex;align-items:center;gap:14px}.quick-add{background:var(--accent,#d4a529);color:#221b08;text-decoration:none;padding:9px 14px;border-radius:7px;font-weight:700}.top-icon{font-size:20px}.user-chip{display:flex;gap:10px;align-items:center}.user-chip a{font-size:12px;color:#8b193f}.content{padding:24px;flex:1}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{margin:0;font-size:26px}.page-head p{margin:5px 0 0;color:#6d737a}.card{background:#fff;border:1px solid #e6e8eb;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.03);margin-bottom:18px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:#fff;border-left:4px solid var(--accent,#d4a529);padding:18px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.stat-card b{display:block;font-size:27px;margin-top:8px;color:var(--primary,#6b1739)}.muted{color:#6d737a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:8px;border:1px solid transparent;text-decoration:none;cursor:pointer;font-weight:650;font-size:14px}.btn-primary{background:var(--primary,#6b1739);color:#fff}.btn-secondary{background:#fff;border-color:#ccd1d6;color:#30363b}.btn-danger{background:#a32626;color:#fff}.btn-sm{padding:6px 9px;font-size:12px}.btn-block{width:100%}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:8px;margin-bottom:16px}.alert-success{background:#e7f7ec;color:#176b31;border:1px solid #bde6c8}.alert-danger{background:#fdecec;color:#8c1e1e;border:1px solid #f3c5c5}.alert-warning{background:#fff6da;color:#765b00;border:1px solid #f2dfa2}label{display:block;font-weight:650;font-size:13px;color:#3f454b}input,select,textarea{width:100%;margin-top:6px;padding:10px 11px;border:1px solid #d6dade;border-radius:8px;background:#fff;font:inherit;color:#24292e}textarea{min-height:95px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.field-error{font-size:12px;color:#a32626;margin-top:4px}.required{color:#a32626}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:11px 10px;border-bottom:1px solid #edf0f2;text-align:left;vertical-align:top;font-size:13px}.table th{color:#626971;background:#fafbfc;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#eceff1}.badge-active{background:#e7f7ec;color:#176b31}.badge-archived{background:#eee;color:#666}.tabs{display:flex;gap:4px;border-bottom:1px solid #ddd;margin-bottom:18px;overflow:auto}.tabs a{padding:10px 12px;text-decoration:none;color:#5c6268;white-space:nowrap}.tabs a.active{color:var(--primary,#6b1739);border-bottom:3px solid var(--accent,#d4a529);font-weight:700}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:12px 0;border-bottom:1px solid #eee}.timeline small{color:#777}.footer{padding:14px 24px;color:#7a8086;font-size:12px}.overlay{display:none}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(140deg,#351020,#6b1739)}.login-card{width:min(440px,100%);background:#fff;padding:30px;border-radius:16px;box-shadow:0 22px 60px rgba(0,0,0,.26)}.login-logo{display:block;max-width:210px;max-height:90px;object-fit:contain;margin:0 auto 14px}.login-card h1{text-align:center;font-size:20px;margin:0}.login-card .muted{text-align:center;margin-top:6px}.login-card label{margin-top:14px}.password-wrap{display:flex;gap:6px}.password-wrap input{flex:1}.plain-btn{margin-top:6px;border:1px solid #ddd;background:#f8f8f8;border-radius:8px;padding:0 12px}.profile-title{display:flex;align-items:center;gap:12px}.profile-code{font-size:12px;background:#f1f2f4;border-radius:6px;padding:4px 8px}.kv{display:grid;grid-template-columns:190px 1fr;gap:9px 14px}.kv dt{font-weight:700;color:#555}.kv dd{margin:0}.no-scroll{overflow:hidden}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block;position:absolute;right:12px}.app-main{margin-left:0}.mobile-menu-btn{display:inline-block}.overlay.show{display:block;position:fixed;z-index:30;inset:0;background:rgba(0,0,0,.45)}.topbar{padding:0 14px}.user-chip span{display:none}}
@media(max-width:680px){.content{padding:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.top-search{display:none}.top-actions{margin-left:auto;gap:8px}.quick-add{padding:8px 10px}.page-head{flex-direction:column}.form-actions{justify-content:stretch;flex-direction:column}.form-actions .btn{width:100%}.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:9px}.table th,.table td{white-space:nowrap}}
.quick-add-alt{background:var(--primary,#6b1739);color:#fff}.search-box,.catalog-search{position:relative}.search-results{position:absolute;z-index:60;left:0;right:0;top:100%;display:none;background:#fff;border:1px solid #d9dde1;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.12);max-height:260px;overflow:auto}.search-results button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:10px 12px;cursor:pointer;border-bottom:1px solid #eee}.search-results button:hover{background:#f7f3f5}.quote-savebar,.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.save-ok{color:#176b31;font-size:12px}.save-error{color:#a32626;font-size:12px}.quote-items{display:grid;gap:12px}.quote-item-card{border:1px solid #e3e6e9;border-radius:10px;padding:14px;background:#fbfcfd}.item-main{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(300px,1.7fr);gap:12px}.item-main textarea{min-height:64px}.item-fields{display:grid;grid-template-columns:repeat(8,minmax(95px,1fr));gap:10px;align-items:end;margin-top:10px}.line-total{padding:9px 10px;border:1px solid #e0e3e6;border-radius:8px;background:#fff;min-height:62px}.line-total span{display:block;font-size:11px;color:#6d737a}.line-total strong{display:block;margin-top:8px;color:var(--primary,#6b1739);white-space:nowrap}.quote-totals{margin:16px 0 0 auto;width:min(460px,100%);display:grid;gap:7px}.quote-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 10px;border-bottom:1px solid #e7e8ea}.quote-totals .grand{font-size:17px;border-top:2px solid var(--primary,#6b1739);border-bottom:0;color:var(--primary,#6b1739)}.sticky-actions{position:sticky;bottom:0;z-index:15;background:rgba(255,255,255,.96);border-top:1px solid #ddd;padding:12px 24px;margin:0 -24px -24px;display:flex;justify-content:flex-end;gap:10px;backdrop-filter:blur(6px)}.inline-reason{display:flex;gap:7px;align-items:center}.inline-reason input{margin:0;min-width:220px}.document-text{line-height:1.65;white-space:normal}.stat-card small{display:block;margin-top:4px;color:#6d737a;font-size:11px}
@media(max-width:1250px){.item-fields{grid-template-columns:repeat(4,minmax(110px,1fr))}}
@media(max-width:760px){.quote-savebar,.card-title-row{align-items:flex-start;flex-direction:column}.item-main{grid-template-columns:1fr}.item-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky-actions{margin:0 -14px -14px;padding:10px 14px;flex-direction:column}.sticky-actions .btn{width:100%}.inline-reason{width:100%;flex-wrap:wrap}.inline-reason input{min-width:100%;width:100%}.quote-item-card textarea,.quote-item-card input,.quote-item-card select{font-size:16px}}
.invoice-fields{grid-template-columns:repeat(8,minmax(95px,1fr))}@media(max-width:760px){.invoice-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

.notice-link{position:relative;text-decoration:none;color:inherit}.notice-badge{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;border-radius:10px;background:var(--primary);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}.card[href]{display:block;color:inherit;text-decoration:none}.card[href]:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(0,0,0,.08)}

/* =========================================================
   DVTS BRAND SYSTEM — v0.11.3
   Logo palette: fire red + safety yellow + charcoal black.
   ========================================================= */
:root{
  --dvts-red:var(--primary,#C8102E);
  --dvts-red-dark:#8D0818;
  --dvts-red-soft:#FFF1F2;
  --dvts-yellow:var(--accent,#F7C600);
  --dvts-yellow-soft:#FFF8D7;
  --dvts-black:#151515;
  --dvts-charcoal:#22252A;
  --dvts-gray:#687078;
  --dvts-line:#E5E7EA;
  --dvts-bg:#F5F6F8;
  --dvts-white:#FFFFFF;
  --dvts-shadow:0 10px 28px rgba(15,18,22,.07);
}
html,body{background:var(--dvts-bg);color:#202327}
body{accent-color:var(--dvts-red)}
::selection{background:var(--dvts-yellow);color:var(--dvts-black)}

/* Local SVG icons */
.ui-icon,.nav-icon,.topbar-svg,.quick-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto;vertical-align:middle}
.nav-icon{width:19px;height:19px}
.topbar-svg{width:21px;height:21px}
.quick-icon{width:15px;height:15px;stroke-width:2.25}

/* Sidebar */
.sidebar{width:282px;background:linear-gradient(180deg,#111 0%,#1E1E20 58%,#171717 100%);box-shadow:7px 0 28px rgba(0,0,0,.16);border-right:1px solid rgba(247,198,0,.15)}
.sidebar-head{height:118px;padding:12px 15px;justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(200,16,46,.20),rgba(247,198,0,.06))}
.sidebar-brand{display:flex;align-items:center;gap:12px;min-width:0}
.sidebar-brand img{width:72px;height:72px;max-width:none;max-height:none;object-fit:contain;background:#fff;border-radius:16px;padding:3px;border:2px solid rgba(247,198,0,.95);box-shadow:0 7px 18px rgba(0,0,0,.24)}
.sidebar-brand-copy{display:flex;flex-direction:column;min-width:0}
.sidebar-brand-copy strong{font-size:18px;letter-spacing:.02em;color:#fff;line-height:1.1}
.sidebar-brand-copy small{margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#F7D84C;white-space:nowrap}
.sidebar-close{right:8px!important;top:7px;color:#fff;background:rgba(255,255,255,.08);width:34px;height:34px;border-radius:50%;line-height:30px}
.sidebar nav{padding:12px 10px 22px}
.sidebar a{position:relative;gap:10px;padding:10px 11px;border-radius:10px;margin:3px 0;color:#EDEEF0;font-size:13.5px;transition:background .18s ease,color .18s ease,transform .18s ease}
.sidebar a .nav-icon{color:#F7C600}
.sidebar a:hover{background:rgba(255,255,255,.075);transform:translateX(2px)}
.sidebar a.active{background:linear-gradient(90deg,var(--dvts-red),#A90B23);color:#fff;box-shadow:0 7px 18px rgba(200,16,46,.25)}
.sidebar a.active .nav-icon{color:#FFF0A2}
.sidebar a.active:before{content:"";position:absolute;left:-10px;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:var(--dvts-yellow)}
.sidebar a.disabled{opacity:.38;transform:none}
.sidebar a small{background:rgba(255,255,255,.09);padding:2px 6px;border-radius:999px;color:#E8E8E8}
.nav-label{color:#F2CB34;padding:19px 11px 6px;font-size:9px;font-weight:800;letter-spacing:.13em}
.app-main{margin-left:282px}

/* Top bar */
.topbar{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--dvts-line);box-shadow:0 2px 12px rgba(20,20,20,.04);padding:0 22px;gap:14px;backdrop-filter:blur(10px)}
.topbar-brand{display:none;align-items:center;text-decoration:none}
.topbar-brand img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:10px;border:1px solid #ECEDEF}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:#F2F3F5;color:#222;border:1px solid #E4E6E9;width:42px;height:42px;padding:0}
.icon-btn:hover{background:var(--dvts-yellow-soft);border-color:#F2D14D;color:#111}
.top-search{position:relative;display:flex;align-items:center}
.top-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#767E85;pointer-events:none;z-index:1}
.top-search input{padding:10px 13px 10px 42px;border:1px solid #DDE1E5;background:#F8F9FA;border-radius:11px;transition:.18s}
.top-search input:focus{outline:none;border-color:var(--dvts-yellow);box-shadow:0 0 0 3px rgba(247,198,0,.18);background:#fff}
.top-actions{gap:9px}
.quick-add{display:inline-flex;align-items:center;gap:5px;background:var(--dvts-yellow);color:#171717;border:1px solid #E1B800;padding:8px 12px;border-radius:9px;font-weight:800;box-shadow:0 3px 8px rgba(247,198,0,.15);white-space:nowrap}
.quick-add:hover{filter:brightness(.98);transform:translateY(-1px)}
.quick-add-alt{background:var(--dvts-red);border-color:var(--dvts-red);color:#fff;box-shadow:0 3px 8px rgba(200,16,46,.13)}
.top-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#F5F6F7;color:#2A2D31;border:1px solid #E6E8EA}
.top-icon:hover{background:var(--dvts-yellow-soft);color:#111}
.notice-badge{background:var(--dvts-red);border-color:#fff;font-weight:800}
.user-chip{padding-left:8px;border-left:1px solid #E6E8EA}
.user-chip span{font-weight:700;color:#34383D;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-chip a{display:inline-flex;align-items:center;gap:5px;color:var(--dvts-red);font-weight:800;text-decoration:none}
.user-chip a em{font-style:normal;font-size:12px}

/* Page & cards */
.content{padding:26px}
.page-head{margin-bottom:20px}
.page-head h1{font-size:28px;color:#1D2024;letter-spacing:-.02em}
.page-head h1:after{content:"";display:block;width:44px;height:3px;margin-top:9px;border-radius:3px;background:linear-gradient(90deg,var(--dvts-red) 0 65%,var(--dvts-yellow) 65%)}
.page-head p{color:#737A81}
.card{border:1px solid #E5E7EA;border-radius:14px;box-shadow:0 6px 20px rgba(15,18,22,.045);padding:20px;background:#fff}
.card h2,.card h3{color:#23262A}
.card-title-row{border-bottom:1px solid #EEF0F2;padding-bottom:12px}
.stat-card{position:relative;overflow:hidden;border:1px solid #E7E9EC;border-left:0;padding:18px 18px 17px;border-radius:13px;box-shadow:0 7px 20px rgba(15,18,22,.045)}
.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--dvts-red),var(--dvts-yellow))}
.stat-card:after{content:"";position:absolute;right:-22px;top:-22px;width:66px;height:66px;border-radius:50%;background:rgba(247,198,0,.08)}
.stat-card b{color:var(--dvts-red);font-size:26px}
.stat-card small{color:#747B82}

/* Dashboard brand header */
.dvts-dashboard-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;padding:18px 20px;background:linear-gradient(115deg,#151515 0%,#242426 62%,#381017 100%);color:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(15,15,15,.16);overflow:hidden;position:relative}
.dvts-dashboard-banner:after{content:"";position:absolute;right:-60px;bottom:-80px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(247,198,0,.25),rgba(247,198,0,0) 68%)}
.dvts-dashboard-brand{display:flex;align-items:center;gap:16px;position:relative;z-index:1}
.dvts-dashboard-brand img{width:78px;height:78px;object-fit:contain;background:#fff;border:2px solid var(--dvts-yellow);border-radius:16px;padding:3px}
.dvts-dashboard-brand strong{display:block;font-size:21px;line-height:1.2}
.dvts-dashboard-brand span{display:block;color:#F3D752;margin-top:5px;font-size:12px;letter-spacing:.04em}
.dvts-dashboard-chip{position:relative;z-index:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:9px 12px;border-radius:10px;font-size:12px;color:#F5F5F5}

/* Buttons, forms and tables */
.btn{border-radius:9px;font-weight:750;transition:.16s ease;min-height:38px}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--dvts-red),#A50920);border-color:var(--dvts-red);color:#fff;box-shadow:0 4px 12px rgba(200,16,46,.15)}
.btn-secondary{border-color:#D9DDE1;background:#fff;color:#30343A}
.btn-secondary:hover{border-color:var(--dvts-yellow);background:var(--dvts-yellow-soft)}
.btn-danger{background:#B21E2B}
label{color:#363B40}
input,select,textarea{border-radius:9px;border-color:#D6DADE;transition:border-color .16s,box-shadow .16s;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--dvts-yellow);box-shadow:0 0 0 3px rgba(247,198,0,.15)}
input[type="color"]{padding:4px;min-height:44px}
.table{border:1px solid #E8EAED;border-radius:10px;overflow:hidden}
.table th{background:#202124;color:#fff;border-bottom-color:#202124;font-weight:750;letter-spacing:.04em}
.table td{border-bottom-color:#EEF0F2}
.table tbody tr:nth-child(even){background:#FCFCFD}
.table tbody tr:hover{background:#FFFBEA}
.table a{color:var(--dvts-red);font-weight:700;text-decoration:none}
.tabs{border-bottom-color:#DDE1E4}
.tabs a.active{color:var(--dvts-red);border-bottom-color:var(--dvts-yellow)}
.badge{font-weight:800}
.badge-active{background:#E7F7EC;color:#176B31}
.alert-success{border-left:4px solid #1D8A42}
.alert-danger{border-left:4px solid var(--dvts-red)}
.alert-warning{border-left:4px solid var(--dvts-yellow)}
.quote-item-card{border-color:#E4E7EA;background:#FDFDFD}
.line-total strong,.quote-totals .grand{color:var(--dvts-red)}
.quote-totals .grand{border-top-color:var(--dvts-red)}
.sticky-actions{border-top:1px solid #E2E5E8;box-shadow:0 -8px 20px rgba(15,18,22,.05)}

/* Login */
.login-body{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(247,198,0,.22),transparent 28%),linear-gradient(140deg,#101010 0%,#1C1C1D 50%,#780916 100%)}
.login-brand-mark{position:fixed;right:-120px;bottom:-160px;width:430px;height:430px;border:52px solid rgba(247,198,0,.055);border-radius:50%;pointer-events:none}
.login-card{position:relative;width:min(450px,100%);padding:30px 32px 28px;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.35)}
.login-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--dvts-red) 0 68%,var(--dvts-yellow) 68%)}
.login-brand-top{display:flex;flex-direction:column;align-items:center}
.login-logo{width:118px;height:118px;max-width:none;max-height:none;object-fit:contain;margin:0 auto 12px;background:#fff;border-radius:22px;padding:4px;border:2px solid var(--dvts-yellow);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.login-brand-line{width:48px;height:3px;border-radius:3px;background:var(--dvts-red);margin-bottom:12px}
.login-card h1{font-size:20px;color:#212428}
.login-card .muted{color:#6F767D}
.login-submit{margin-top:20px;min-height:44px}
.plain-btn{border-color:#D9DDE1;background:#F7F8F9;color:#444;font-weight:700}
.login-foot{display:flex;align-items:center;gap:10px;margin-top:22px;color:#899097;text-transform:uppercase;letter-spacing:.09em}
.login-foot span{height:1px;flex:1;background:#E8EAEC}
.login-foot small{font-size:8px;white-space:nowrap}

/* Footer */
.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 24px;border-top:1px solid #E4E7EA;background:#fff;color:#777E85}
.footer-brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#464B50}
.footer-logo{width:28px;height:28px;object-fit:contain;background:#fff;border:1px solid #E5E7EA;border-radius:7px}
.footer-note{font-size:11px}

@media(max-width:991px){
  .sidebar{width:282px}
  .app-main{margin-left:0}
  .topbar-brand{display:flex}
  .topbar{padding:0 12px;gap:10px}
  .top-search{min-width:0}
  .top-actions{gap:7px;overflow-x:auto;scrollbar-width:none}
  .top-actions::-webkit-scrollbar{display:none}
}
@media(max-width:760px){
  .content{padding:14px}
  .page-head h1{font-size:25px}
  .topbar{height:66px}
  .topbar-brand img{width:39px;height:39px}
  .quick-add{padding:8px 10px}
  .quick-icon{width:14px;height:14px}
  .user-chip{display:none}
  .dvts-dashboard-banner{align-items:flex-start;flex-direction:column;padding:15px}
  .dvts-dashboard-brand img{width:64px;height:64px}
  .dvts-dashboard-brand strong{font-size:17px}
  .dvts-dashboard-chip{width:100%}
  .footer{padding:12px 14px;flex-direction:column;align-items:flex-start}
  .footer-note{display:none}
}
@media(max-width:520px){
  .top-search{display:none}
  .top-actions{margin-left:0;flex:1}
  .top-actions .quick-add{font-size:12px}
  .top-icon{flex:0 0 38px}
  .login-card{padding:28px 22px 24px}
}
.brand-settings-preview{display:flex;align-items:center;gap:16px;padding:14px;margin:12px 0 18px;border:1px solid #E5E7EA;border-radius:12px;background:#FBFBFC}
.brand-preview-logo img{width:76px;height:76px;object-fit:contain;background:#fff;border:1px solid #E3E5E8;border-radius:14px;padding:3px}
.brand-swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.brand-swatches span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#555}
.brand-swatches span:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.12)}
@media(max-width:600px){.brand-settings-preview{align-items:flex-start}.brand-preview-logo img{width:62px;height:62px}}