:root{--navy:#10243a;--navy-2:#183650;--blue:#2878d0;--blue-2:#1d65b5;--teal:#24b8a4;--green:#14875f;--green-bg:#e8f8f0;--ink:#182b40;--muted:#718096;--line:#e7edf4;--surface:#fff;--bg:#f4f7fb;--amber:#b7791f;--amber-bg:#fff5dd;--danger:#c54343;--shadow:0 12px 36px rgba(22,42,68,.055);--radius:18px}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(40,120,208,.25);outline-offset:2px}.app-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{background:var(--navy);color:#d8e3ed;display:flex;flex-direction:column;padding:26px 15px 18px;min-height:100vh;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 28px;color:#fff}.brand-icon{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#36d2bd,#168b9b);color:#fff;font-size:27px;border-radius:14px;box-shadow:0 8px 18px rgba(20,183,164,.18);flex-shrink:0}.brand strong,.brand small,.user-chip strong,.user-chip small{display:block}.brand strong{font-size:15px;letter-spacing:-.2px}.brand small{font-size:10px;color:#9fb5c8;margin-top:2px}.nav-caption{color:#718ba2;font-size:10px;font-weight:bold;letter-spacing:.7px;padding:6px 15px 11px}.main-nav{display:grid;gap:6px}.nav-link{display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:12px;color:#b8c8d7;font-size:12px;transition:.2s}.nav-link:hover{color:#fff;background:rgba(255,255,255,.055)}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(36,184,164,.2),rgba(36,184,164,.08));box-shadow:inset -3px 0 #35d1bd}.nav-icon{width:22px;text-align:center;font-size:19px;color:#88a7be}.nav-link.active .nav-icon{color:#43d9c5}.sidebar-bottom{margin-top:auto;padding:22px 8px 0}.user-chip{display:flex;align-items:center;gap:10px;padding:14px 9px;border-top:1px solid rgba(255,255,255,.1)}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#27465f;color:#55dbc8;font-weight:bold}.user-chip strong{font-size:12px;color:white}.user-chip small{font-size:10px;color:#89a1b5}.logout-form{padding:0 8px}.logout-btn{border:0;background:transparent;color:#94a9ba;padding:8px 0;font-size:11px}.logout-btn:hover{color:#ffaaaa}.main-content{min-width:0;padding:30px clamp(18px,3vw,44px) 50px;max-width:1700px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.eyebrow{font-size:10px;color:var(--muted);margin-bottom:3px}.topbar h1{font-size:23px;letter-spacing:-.6px;margin:0;color:#162b40}.topbar-actions{display:flex;align-items:center;gap:10px}.date-chip,.count-chip{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border:1px solid #e1e9f1;border-radius:10px;background:white;color:#53667a;font-size:11px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 17px;font-weight:bold;font-size:12px;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{color:white;background:linear-gradient(135deg,#2b82db,#216dbf);box-shadow:0 7px 18px rgba(40,120,208,.18)}.btn-primary:hover{background:var(--blue-2);box-shadow:0 9px 22px rgba(40,120,208,.25)}.btn-soft{background:#edf3f8;color:#42586c}.btn-soft:hover{background:#e2edf6}.btn-white{background:white;color:#1a628c}.btn-block{width:100%;padding:13px}.btn-install{font-size:10px;padding:8px 11px}.alert{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:12px 15px;margin:0 0 22px;font-size:12px}.alert>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:bold;flex-shrink:0}.alert-success{background:#e7f8ef;color:#166b4d;border:1px solid #c6efdb}.alert-success>span{background:#b9ebd1}.alert-error{background:#fff0f0;color:#a62e34;border:1px solid #f5d1d3}.alert-error>span{background:#ffdddd}.welcome-banner{min-height:205px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 32px;margin-bottom:22px;border-radius:22px;color:#fff;background:linear-gradient(112deg,#102c48 0%,#184c68 61%,#147e83 120%);box-shadow:0 14px 30px rgba(18,60,84,.12)}.welcome-banner h2{margin:8px 0 3px;font-size:25px;letter-spacing:-.6px}.welcome-banner p{font-size:12px;color:#c7dce8;margin:0 0 19px}.banner-tag{font-size:10px;color:#7ee4d5;display:inline-block;border:1px solid rgba(126,228,213,.28);border-radius:30px;padding:4px 10px;background:rgba(126,228,213,.08)}.banner-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.banner-actions .btn{padding:10px 15px}.banner-link{font-size:11px;color:#c7e8ec}.banner-art{width:245px;min-width:190px;align-self:stretch;position:relative;display:grid;place-items:center}.art-circle{position:absolute;border:1px solid rgba(145,238,220,.2);border-radius:50%}.circle-a{width:210px;height:210px;left:10px;top:-24px}.circle-b{width:155px;height:155px;left:38px;top:4px;background:rgba(91,228,208,.035)}.art-box{z-index:1;width:92px;height:108px;border:1px solid rgba(255,255,255,.36);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.05));display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:45px;color:#a2f5e6;transform:rotate(-7deg);box-shadow:0 15px 26px rgba(0,0,0,.13)}.art-box small{font-size:8px;letter-spacing:3px;color:#d7f1f3}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat-card{background:white;border:1px solid #eaf0f6;border-radius:16px;padding:18px 18px 16px;box-shadow:var(--shadow);min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-label{font-size:11px;color:#728397}.stat-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;font-weight:bold;font-size:19px}.icon-blue{background:#e8f2ff;color:#2c7bd0}.icon-green{background:#e1f7ee;color:#17845f}.icon-purple{background:#f1eaff;color:#845dc9}.icon-orange{background:#fff0e2;color:#cb772c}.stat-value{display:block;margin:12px 0 4px;font-size:21px;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value small{font-size:11px;font-weight:normal;color:#788a9e}.stat-foot{font-size:10px;color:#8b9aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{background:white;border:1px solid #e8eef5;border-radius:17px;box-shadow:var(--shadow);padding:22px;margin-bottom:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel-heading h2{margin:0;font-size:15px;letter-spacing:-.2px}.panel-heading p{margin:4px 0 0;color:#8292a3;font-size:11px}.text-link{font-size:11px;font-weight:bold;color:#2878c7;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto;border:1px solid #edf1f5;border-radius:12px}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:850px;text-align:right;font-size:11px}.data-table thead th{background:#f8fafc;color:#74869a;font-weight:bold;padding:13px 13px;border-bottom:1px solid #e9eff5;white-space:nowrap}.data-table tbody td{padding:13px;border-bottom:1px solid #edf1f5;vertical-align:middle;color:#43566a}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcff}.data-table .bestseller-row{background:#f0fbf5}.data-table .bestseller-row:hover{background:#e8f8ef}.product-cell{display:flex;align-items:flex-start;gap:9px;min-width:165px}.product-dot{width:8px;height:8px;background:#a6bcd0;border-radius:3px;margin-top:7px;flex-shrink:0}.bestseller-row .product-dot{background:#20a66e;box-shadow:0 0 0 4px #d6f5e5}.product-cell strong{display:block;color:#20374b;font-size:11px}.product-cell small{display:block;color:#8391a1;font-size:10px;margin-top:2px}.muted{color:#8a9aab!important;font-size:10px}.badge{display:inline-flex;align-items:center;border-radius:30px;padding:2px 8px;font-size:9px;margin-top:5px;white-space:nowrap}.badge-green{background:#d9f6e7;color:#177a50}.badge-amber{background:var(--amber-bg);color:#996813}.table-sub{display:block;font-size:9px;color:#91a0ad;margin-top:3px;white-space:nowrap}.text-success{color:#16835b!important}.text-danger{color:#c53d48!important}.text-primary{color:#2878d0!important}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 16px}.empty-state.compact{padding:32px}.empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#eef5fc;color:#4a86c4;font-size:29px;margin-bottom:13px}.empty-state strong{font-size:13px}.empty-state p{font-size:11px;color:#8796a5;margin:5px 0 17px}.mini-empty{padding:19px;background:#f8fafc;border-radius:10px;font-size:11px;color:#8191a2}.mini-empty a{color:#2878d0;font-weight:bold}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.page-description p{font-size:11px;color:#75889a;margin:0}.note-panel{display:flex;gap:12px;padding:17px 20px;border-radius:15px;border:1px solid #dfeefa;background:#f0f7fd;color:#4d6379}.note-icon{font-size:24px;color:#2878d0}.note-panel strong{font-size:12px}.note-panel p{font-size:11px;margin:4px 0 0;line-height:2}.form-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,.75fr);gap:20px;align-items:start}.form-panel{padding:24px}.form-step{font-size:10px;background:#edf6ff;color:#377dba;border-radius:8px;padding:5px 9px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;color:#506377;font-weight:bold}.field>span b{color:#df5c5c}.field-full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #dfe7ef;border-radius:10px;background:#fbfcfe;padding:11px 12px;color:#1c3449;outline:none;font-size:12px;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#74aee5;box-shadow:0 0 0 3px rgba(40,120,208,.08);background:#fff}.field input::placeholder,.field textarea::placeholder{color:#a4b0bc}.field input:disabled{background:#f0f3f6;color:#7b8c9b}.field textarea{resize:vertical}.purchase-summary,.sale-profit-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid #e5eef5;border-radius:12px;padding:15px;background:#f7fafc}.purchase-summary>div,.sale-profit-preview>div{min-width:0}.purchase-summary span,.sale-profit-preview span{display:block;color:#8090a0;font-size:10px;margin-bottom:5px}.purchase-summary strong,.sale-profit-preview strong{font-size:12px;display:block;overflow-wrap:anywhere}.form-actions{display:flex;justify-content:flex-start;gap:10px;padding-top:3px}.side-info-card{background:linear-gradient(160deg,#fff,#f8fcff);border:1px solid #e5edf5;border-radius:17px;padding:25px 23px;box-shadow:var(--shadow)}.info-illustration{width:63px;height:63px;display:grid;place-items:center;font-size:34px;border-radius:18px;background:linear-gradient(135deg,#e0fbf3,#daf1ff);color:#2b9c9e;margin-bottom:22px}.sale-illustration{background:linear-gradient(135deg,#e8f3ff,#e5ecff);color:#367ac2}.account-illustration{background:linear-gradient(135deg,#e2f8eb,#d9f5ef);color:#16835b}.side-info-card h3{font-size:15px;margin:0 0 10px}.side-info-card p{font-size:11px;color:#718599;line-height:2}.side-info-card p strong{color:#2475bf}.formula{border:1px dashed #c9ddeb;background:#f0f7fd;color:#3676a8;font-size:11px;padding:12px;border-radius:10px;text-align:center;margin:18px 0}.purchase-summary{grid-template-columns:repeat(3,1fr)}.selected-pack-card{display:flex;align-items:center;gap:12px;background:#f3f9ff;border:1px solid #dcecfb;border-radius:13px;padding:13px}.selected-pack-icon{width:42px;height:42px;border-radius:12px;background:#e0eeff;color:#357bbb;display:grid;place-items:center;font-size:25px;flex-shrink:0}.selected-pack-card>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.selected-pack-card small{font-size:9px;color:#8296a9}.selected-pack-card strong{font-size:12px;color:#284b68}.selected-pack-card span{font-size:10px;color:#7890a4}.stock-pill{margin-right:auto;background:#dff7e9;color:#178353;font-size:10px;padding:5px 9px;border-radius:8px;white-space:nowrap}.sale-profit-preview{grid-template-columns:repeat(2,minmax(0,1fr));background:#f5fbf8;border-color:#dbeee5}.sale-warning{border-radius:10px;background:#fff8e9;padding:10px 12px;font-size:10px;color:#9a762d}.period-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:5px;background:#f2f6fa;border-radius:12px;width:max-content;max-width:100%;margin:0 0 18px}.period-tabs a{padding:8px 17px;border-radius:9px;color:#75879a;font-size:11px;white-space:nowrap}.period-tabs a.active{color:#236db0;background:#fff;box-shadow:0 2px 7px rgba(25,48,70,.08);font-weight:bold}.date-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.date-filter .field{min-width:170px}.date-filter .field input{background:#fff}.date-filter .btn{height:41px}.report-range{font-size:11px;color:#72869a;padding:11px 0 17px;border-top:1px solid #edf1f5}.report-range strong{color:#304f6a}.range-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bb49d;margin-left:5px}.report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-stat{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid #e6edf4;border-radius:13px;background:#fbfcfe;min-width:0}.report-stat span{font-size:10px;color:#8190a0}.report-stat strong{font-size:15px;color:#233d54;overflow-wrap:anywhere}.report-stat strong small{font-size:10px;font-weight:normal;color:#8190a0}.report-profit{background:#f0fbf5;border-color:#d7f1e3}.report-profit strong{color:#17865c}.auth-page{min-height:100vh;background:linear-gradient(140deg,#10243a,#153e59 70%,#177b7f);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:30px 16px}.auth-decoration{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}.decor-one{width:550px;height:550px;top:-210px;right:-130px}.decor-two{width:700px;height:700px;bottom:-400px;left:-230px}.auth-wrap{width:100%;max-width:420px;position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:13px;color:white;margin-bottom:22px;padding:0 6px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:18px}.auth-brand small{font-size:10px;color:#a9c4d3}.brand-icon.large{width:49px;height:49px;font-size:30px}.auth-card{background:#fff;border-radius:22px;padding:31px 30px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.auth-kicker{display:inline-block;background:#e7f8f4;color:#238b7e;padding:4px 10px;border-radius:30px;font-size:10px}.auth-card h1{font-size:23px;margin:12px 0 4px}.auth-intro{color:#8291a0;font-size:11px;margin:0 0 23px}.form-stack{display:grid;gap:15px}.auth-foot{border-top:1px solid #edf1f5;text-align:center;padding-top:15px;margin-top:22px;color:#93a0ad;font-size:9px}.auth-copyright{text-align:center;color:#a9c1d0;font-size:10px;margin-top:18px}.auth-card .alert{margin-bottom:16px}
@media(max-width:1200px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding-right:11px;padding-left:11px}.main-content{padding:25px 22px 40px}.stats-grid{gap:10px}.stat-card{padding:15px}.stat-value{font-size:18px}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.app-layout{display:block}.sidebar{height:auto;min-height:0;position:static;padding:13px 15px 10px}.brand{padding:0 5px 13px}.nav-caption{display:none}.sidebar-bottom{display:flex;align-items:center;justify-content:flex-end;margin:0;padding:6px 5px 0}.sidebar-bottom .user-chip{display:none}.logout-form{padding:0}.logout-btn{padding:4px 0;font-size:10px}.main-nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:4px;scrollbar-width:thin}.nav-link{flex:0 0 auto;padding:9px 12px;font-size:11px}.nav-icon{font-size:17px}.main-content{padding:23px 18px 40px}.form-layout{grid-template-columns:1fr}.side-info-card{display:grid;grid-template-columns:63px 1fr;column-gap:16px;align-items:start}.side-info-card .info-illustration{grid-row:span 3;margin:0}.side-info-card h3{align-self:end}.side-info-card p,.side-info-card .formula{grid-column:2}.welcome-banner{padding:25px}.banner-art{width:180px;min-width:160px}}
@media(max-width:650px){.main-content{padding:18px 12px 30px}.topbar{align-items:flex-start;margin-bottom:18px}.topbar h1{font-size:19px}.eyebrow{font-size:9px}.date-chip{font-size:9px;padding:7px 8px}.topbar-actions{gap:5px}.btn-install{font-size:9px}.welcome-banner{min-height:0;padding:22px 18px;margin-bottom:15px}.welcome-banner h2{font-size:21px}.welcome-banner p{font-size:11px}.banner-art{display:none}.banner-actions{gap:12px}.banner-link{font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}.stat-card{padding:14px}.stat-value{font-size:17px;margin-top:8px}.stat-foot{font-size:9px}.stat-icon{width:29px;height:29px;font-size:16px}.panel{padding:16px 12px;border-radius:14px;margin-bottom:15px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:13px}.panel-heading p{font-size:10px}.text-link{font-size:10px}.data-table{min-width:760px}.form-panel{padding:18px 14px}.form-grid{grid-template-columns:1fr;gap:14px}.field-full{grid-column:auto}.purchase-summary{grid-template-columns:1fr;gap:12px}.purchase-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.purchase-summary span{margin-bottom:0}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1}.page-actions{align-items:flex-start}.page-description p{line-height:1.9}.side-info-card{display:block;padding:18px}.side-info-card .info-illustration{margin-bottom:14px}.side-info-card p,.side-info-card .formula{grid-column:auto}.date-filter{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-filter .field{min-width:0}.date-filter .btn{grid-column:1/-1}.period-tabs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.period-tabs a{text-align:center;padding:8px 3px;font-size:10px}.report-stats{gap:8px}.report-stat{padding:12px}.report-stat strong{font-size:12px}.report-stat span{font-size:9px}.auth-card{padding:25px 20px}.auth-card h1{font-size:21px}.selected-pack-card{gap:8px}.selected-pack-card strong{font-size:11px}.stock-pill{font-size:9px;padding:4px 6px}.note-panel{padding:13px}.note-panel p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Accounting modules and multi-pack purchase batch */
.accounting-forms{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.batch-items-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:4px}
.batch-items-head strong,.batch-items-head small{display:block}
.batch-items-head strong{font-size:13px;color:#284b68}
.batch-items-head small{font-size:10px;color:#8293a4;margin-top:4px}
.batch-item{border:1px solid #dfeaf3;background:#fbfdff;border-radius:14px;padding:14px;margin-bottom:12px}
.batch-item-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.batch-item-title strong{font-size:12px;color:#2d516c}
.batch-item .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.batch-item-summary{border-top:1px solid #e8eff5;padding-top:10px;margin-top:12px;font-size:10px;color:#71879a}
.batch-item-summary strong{color:#1d805d;font-size:12px;margin-right:5px}
.pack-actions{display:flex;align-items:center;gap:6px;min-width:175px}
.pack-actions form{margin:0}
.btn-danger-light{display:inline-flex;align-items:center;justify-content:center;border:1px solid #f4d3d3;background:#fff5f5;color:#bb4343;padding:8px 11px;border-radius:9px;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap}
.btn-danger-light:hover{background:#ffe8e8}
.btn-danger-light:disabled{opacity:.4;cursor:not-allowed}
.expense-stats{margin:14px 0 18px}
@media(max-width:900px){.accounting-forms{grid-template-columns:1fr}}
@media(max-width:650px){.batch-items-head{align-items:flex-start;flex-direction:column}.batch-item .form-grid{grid-template-columns:1fr}.batch-item{padding:11px}.pack-actions{align-items:stretch;flex-direction:column;min-width:100px}.pack-actions .btn{width:100%}}
.expense-profit-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-4px}
.expense-profit-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-4px}

/* Version 7: report exports, purchase-batch balance and device JSON backup */
.report-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #eaf0f5}
.report-export-intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:0 0 4px}
.report-export-intro strong{font-size:13px;color:#254a65}.report-export-intro span{font-size:10px;color:#788b9c;max-width:600px}
.report-export-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e3ebf3;background:#fbfdff;border-radius:12px;padding:11px 12px;min-width:0}
.report-export-item>strong{font-size:11px;color:#3a566c;min-width:0}.report-export-item>div{display:flex;gap:6px;flex-shrink:0}
.btn-small{padding:7px 10px;font-size:10px;border-radius:8px}
.batch-report-stats{margin:0 0 16px}
.backup-hero{display:flex;align-items:flex-start;gap:18px;background:linear-gradient(120deg,#f4fbff,#f1fbf8);border-color:#dbeef0;padding:22px;margin-bottom:18px}
.backup-icon{width:55px;height:55px;flex:0 0 55px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#d8ecff,#d9f8ec);color:#247b9a;font-size:30px}
.backup-hero h2{font-size:16px;margin:0 0 6px;color:#234961}.backup-hero p{font-size:11px;color:#667f91;line-height:2;margin:0 0 14px;max-width:850px}
.backup-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr)}
.backup-warning{margin:18px 0 0}.backup-warning strong{display:block;margin-bottom:3px}
#backupFileInput{width:100%;padding:10px;border:1px dashed #c9d9e7;background:#f9fcff;border-radius:11px}
#backupFileInfo{display:block;line-height:1.9;margin-top:5px}
@media(max-width:1000px){.report-export-grid{grid-template-columns:1fr}.report-export-item{flex-wrap:wrap}.backup-layout{grid-template-columns:1fr}}
@media(max-width:650px){.report-export-item{align-items:flex-start;flex-direction:column}.report-export-item>div{width:100%}.report-export-item .btn{flex:1}.backup-hero{padding:17px;gap:12px}.backup-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px;font-size:24px}.backup-hero .btn{white-space:normal}.report-export-intro{display:block}.report-export-intro span{display:block;margin-top:5px}}
@media print{.sidebar,.topbar,.report-export-grid,.period-tabs,.date-filter,.btn,.actions{display:none!important}.main-content{max-width:none;padding:0}.panel{box-shadow:none;break-inside:avoid}}