@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";body{color:#1e293b;background:linear-gradient(135deg,#eef2ff,#f8fafc);margin:0;font-family:DM Sans,Inter,Arial,sans-serif}.sidebar{color:#fff;box-sizing:border-box;background:linear-gradient(#0f172a,#1e3a8a);border-radius:0 20px 20px 0;flex-shrink:0;width:230px;min-height:100vh;padding:20px}.menu-item{cursor:pointer;opacity:.9;border-radius:10px;margin-bottom:8px;padding:12px 14px;transition:all .3s}.main{flex:1;padding:20px;overflow-x:hidden}.header{background:#ffffffb3;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 25px;display:flex;box-shadow:0 5px 20px #0000000d}.content{padding:10px}.card{background:#ffffffb3;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 10px 30px #00000014}table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;margin-top:20px;font-size:14px;overflow:hidden}th{color:#fff;text-align:left;background:linear-gradient(90deg,#6366f1,#8b5cf6);padding:14px}td{padding:12px}tr:nth-child(2n){background:#f8fafc}tr:hover{background:#eef2ff;transition:all .2s}button{cursor:pointer;border:none;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.btn-primary{color:#fff;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:8px}.btn-danger{color:#fff;background:linear-gradient(90deg,#ef4444,#f87171);border-radius:8px}.btn-admin{color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:8px}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000026}input,select,textarea{box-sizing:border-box;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:45px;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}textarea{resize:vertical;height:auto}input{margin:0}input:focus,select:focus,textarea:focus{background:#fff;border-color:#6366f1;outline:none}.readonly-input{cursor:not-allowed;color:#94a3b8!important;background:#f1f5f9!important}.row{flex-wrap:wrap;gap:15px;margin-bottom:10px;display:flex}.row>*{flex:1;min-width:200px}.form-outside{box-shadow:none;background:0 0;margin-top:20px;padding:0}.form-outside .row{margin-bottom:12px}.input-group{flex-direction:column;width:100%;display:flex}.input-group label{color:#334155;margin-bottom:4px;font-size:13px;font-weight:500}.input-group input{background:#fff}.admin-top{background:#f4f6f9;border-radius:8px;align-items:center;gap:10px;padding:15px;display:flex}.admin-top .btn-danger{margin-left:auto}.btn-delete{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f97316,#fb923c);border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-delete:hover{background:linear-gradient(90deg,#ea580c,#f97316);transform:scale(1.05)}.login-container{height:100vh;position:relative;overflow:hidden}.bg-video{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.login-left{justify-content:center;align-items:center;width:40%;height:100%;display:flex}.login-box{text-align:center;background:#ffffffd9;border-radius:16px;width:320px;padding:30px;box-shadow:0 15px 40px #0003}.login-logo{width:170px;margin-bottom:10px}.login-box h1{color:#1e3a8a;margin:5px 0}.login-box h3{color:#64748b;margin-bottom:20px;font-weight:400}.login-box input,.password-wrapper{margin:10px 0}.password-wrapper{position:relative}.password-wrapper input{height:45px;margin:0;padding-right:40px}.eye-icon{cursor:pointer;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.popup{color:#fff;z-index:9999;border-radius:10px;padding:12px 20px;font-weight:700;animation:.3s fadeIn;position:fixed;top:20px;right:20px;box-shadow:0 8px 24px #0003}.popup.success{background:#22c55e}.popup.error{background:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-box{background:#ffffff1a;border-radius:12px;align-items:center;gap:12px;margin-bottom:25px;padding:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.totals{text-align:right;font-size:16px}.totals h3{color:#16a34a;margin-top:10px}.card h3{color:#1e3a8a;margin-bottom:10px}.input-wrapper{width:100%;position:relative}.input-wrapper input{padding-right:35px}.clear-btn{color:#fff;cursor:pointer;background:#f97316;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-btn:hover{background:#ea580c}.invoice-page{max-width:1200px}.inv-meta-bar{background:#ffffffb3;border-left:4px solid #6366f1;border-radius:16px;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 10px 30px #00000014}.inv-meta-group{flex-direction:column;flex:1;min-width:140px;display:flex}.inv-meta-group label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:700}.inv-meta-input{background:#f8fafc!important;border:1px solid #e2e8f0!important;height:38px!important;padding:8px 10px!important;font-size:13px!important}.inv-meta-input:focus{background:#fff!important;border-color:#6366f1!important}.inv-section{background:#ffffffb3;border-radius:16px;margin-bottom:16px;padding:20px;box-shadow:0 10px 30px #00000014}.inv-section-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.inv-section-header h3{color:#1e3a8a;margin:0;font-size:16px;font-weight:700}.inv-section-icon{font-size:20px}.customer-type-tabs{gap:6px;margin-left:auto;display:flex}.tab-btn{color:#6366f1;cursor:pointer;background:#fff;border:1.5px solid #c4b5fd;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s}.tab-btn.active,.tab-btn:hover{color:#fff;box-shadow:none;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-color:#6366f1;transform:none}.customer-select{min-width:220px;height:38px!important;padding:8px 10px!important;font-size:13px!important}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.cust-field{flex-direction:column;display:flex}.cust-field label{color:#475569;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:12px;font-weight:700}.cust-field input:focus,.cust-field select:focus{border-color:#6366f1}.cust-full{grid-column:1/-1}.req{color:#ef4444}.gst-hint{color:#6366f1;margin-top:3px;font-size:11px;font-weight:500}.items-table-wrapper{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.items-table{border-collapse:collapse;width:100%;box-shadow:none;border-radius:0;margin-top:0;font-size:13px}.items-table th{color:#fff;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:linear-gradient(90deg,#6366f1,#8b5cf6);padding:11px 10px;font-size:12px;font-weight:700}.items-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:8px}.items-table tr:last-child td{border-bottom:none}.items-table tr:nth-child(2n){background:#f8fafc}.items-table tr:hover{background:#eef2ff}.table-input{width:100%!important;height:34px!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:6px 8px!important;font-size:13px!important}.table-input:focus{background:inherit!important;border-color:#6366f1!important}.desc-input{color:#64748b!important;margin-top:4px!important;font-size:11px!important}.table-select{width:100%!important;height:34px!important;box-shadow:none!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:6px 8px!important;font-size:12px!important}.table-select:focus{background:#fff!important;border-color:#6366f1!important;outline:none!important}.center{text-align:center!important}.right{text-align:right!important}.tax-cell{white-space:nowrap;color:#6366f1!important;font-size:12px!important}.bold-cell{color:#1e3a8a;white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:700}.remove-row-btn{color:#ef4444;cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:15px}.remove-row-btn:hover{box-shadow:none;background:#fee2e2;transform:none}.btn-add-row{color:#6366f1;box-shadow:none;background:0 0;border:1.5px dashed #8b5cf6;border-radius:8px;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600}.btn-add-row:hover{box-shadow:none;background:#eef2ff;transform:none}.inv-options-row{background:#ffffffb3;border-radius:16px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 10px 30px #00000014}.inv-option-checks{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.opt-check{color:#334155;cursor:pointer;align-items:center;gap:7px;font-size:13.5px;font-weight:500;display:flex}.opt-check input[type=checkbox]{cursor:pointer;accent-color:#6366f1;width:16px!important;height:16px!important}.inline-discount{align-items:center;gap:6px;display:flex}.inline-discount input{width:70px!important;height:34px!important;padding:6px 10px!important;font-size:13px!important}.inline-discount span{color:#f97316;font-weight:600}.shipping-row{align-items:center;gap:10px;margin-left:auto;display:flex}.shipping-row label{color:#475569;white-space:nowrap;font-size:13px;font-weight:600}.shipping-input{width:110px!important;height:34px!important;padding:6px 10px!important;font-size:13px!important}.inv-totals{background:#ffffffb3;border-radius:16px;flex-wrap:wrap;gap:24px;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 10px 30px #00000014}.totals-left{flex:1;min-width:220px}.totals-left .terms-box label{color:#475569;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.totals-left textarea{resize:vertical;height:100px;font-size:13px}.totals-right{background:#f5f3ff;border:1px solid #e0e7ff;border-radius:12px;min-width:280px;padding:16px 20px}.total-row{border-bottom:1px solid #ede9fe;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.total-row:last-child{border-bottom:none}.total-row span:last-child{font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:600}.discount-row,.discount-row span:last-child{color:#16a34a}.grand-total{color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-bottom:none;border-radius:10px;margin-top:8px;padding:12px 14px;font-size:16px;font-weight:700}.grand-total span:last-child{color:#fff;font-size:17px}.inv-action-bar{justify-content:flex-end;gap:12px;padding:16px 0;display:flex}.btn-save-draft{color:#6366f1;background:0 0;border:1.5px solid #c4b5fd;border-radius:9px;padding:11px 22px;font-size:14px;font-weight:600}.btn-save-draft:hover{background:#eef2ff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 3px 10px #6366f126}.nc-page{max-width:780px;margin:0 auto;padding:24px}.nc-header{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:18px 22px;display:flex}.nc-logo{background:#fff;border-radius:8px;height:44px;padding:4px 8px}.nc-header h2{margin:0 0 4px;font-size:19px;font-weight:700}.nc-header p{opacity:.75;margin:0;font-size:13px}.nc-form{flex-direction:column;gap:16px;display:flex}.nc-section{background:#fffc;border-left:4px solid #6366f1;border-radius:14px;padding:20px;box-shadow:0 10px 30px #00000014}.nc-section-title{color:#1e3a8a;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.nc-section-num{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.nc-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.nc-field{flex-direction:column;gap:5px;display:flex}.nc-field label{color:#475569;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:700}.nc-field input:focus,.nc-field select:focus,.nc-field textarea:focus{border-color:#6366f1}.nc-field.has-error input,.nc-field.has-error select,.nc-field.has-error textarea{background:#fff5f5!important;border-color:#ef4444!important}.err-msg{color:#ef4444;font-size:11px;font-weight:500}.full-width{grid-column:1/-1}.nc-field textarea{height:70px}.nc-actions{justify-content:flex-end;gap:12px;padding-top:4px;display:flex}.nc-btn-cancel{color:#64748b;background:0 0;border:1.5px solid #cbd5e1;border-radius:9px;padding:11px 22px;font-size:14px;font-weight:600}.nc-btn-cancel:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 3px 8px #00000012}.nc-btn-save{color:#fff;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:9px;padding:11px 26px;font-size:14px;font-weight:700}.nc-btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 18px #22c55e4d}.form-card{background:#ffffffb3;border-radius:16px;margin-bottom:14px;padding:18px 20px;box-shadow:0 10px 30px #00000014}body{margin:0}.sidebar{position:relative;overflow:hidden}.sidebar-video{object-fit:cover;z-index:0;width:110%;height:110%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1;background:#0000008c;position:absolute;inset:0}.sidebar>:not(.sidebar-video):not(.sidebar-overlay){z-index:2;position:relative}:root{--bg-main:linear-gradient(135deg, #eef2ff, #f8fafc);--card-bg:#ffffffb3;--text-main:#1e293b;--sidebar-bg:linear-gradient(180deg, #0f172a, #1e3a8a)}.dark{--bg-main:linear-gradient(135deg, #020617, #0f172a);--card-bg:#1e293b99;--text-main:#e2e8f0;--sidebar-bg:linear-gradient(180deg, #020617, #1e293b)}*{box-sizing:border-box}body{background:var(--bg-main);color:var(--text-main);margin:0;font-family:DM Sans,Inter,Arial,sans-serif;transition:all .3s}.app{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:0 20px 20px 0;flex-shrink:0;width:230px;min-height:100vh;padding:20px}.user-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:12px;align-items:center;gap:12px;margin-bottom:25px;padding:12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-name{font-size:12px;font-weight:500}.user-role{opacity:.7;font-size:10px}.brand{margin-bottom:25px;font-size:22px;font-weight:700}.main{flex:1;padding:20px}.header{background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 25px;display:flex;box-shadow:0 5px 20px #0000000d}.logo{height:42px}.card,.inv-section,.inv-meta-bar,.inv-options-row,.inv-totals{background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 10px 30px #00000014}button{cursor:pointer;border:none;padding:10px 18px;font-weight:600;transition:all .3s}button:hover{transform:translateY(-2px)}.theme-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:6px 12px;font-size:13px}*{transition:background .3s,color .3s}.dark:before{content:"";z-index:-1;background:#0009;position:fixed;inset:0}.dark body{background:0 0!important}.bg-video-dark{object-fit:cover;z-index:-2;opacity:0;width:100%;height:100%;transition:opacity .4s;position:fixed;top:0;left:0}.dark .bg-video-dark{opacity:1}.dark .inv-section,.dark .inv-meta-bar,.dark .inv-options-row,.dark .inv-totals,.dark .card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff26;background:#ffffff14!important}.dark .nc-page,.dark .nc-form,.dark .nc-section{background:0 0!important}.dark .inv-section h3,.dark .card h3,.dark .nc-header h2,.dark label{color:#fff!important}.dark input::placeholder{color:#fff9}.dark table{background:#ffffff0d!important}.dark td{color:#fff!important}.dark tr:nth-child(2n){background:#ffffff0d!important}.dark .totals-right{background:#ffffff1a!important}.dark .total-row span{color:#fff!important}.sidebar{z-index:5;position:relative}.dark input,.dark select,.dark textarea{color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff40!important}.dark input:focus,.dark select:focus,.dark textarea:focus{box-shadow:0 0 0 2px #8b5cf64d;color:#fff!important;background:#ffffff26!important;border-color:#8b5cf6!important}.dark option{color:#fff!important;background:#111!important}.dark input::placeholder,.dark textarea::placeholder{color:#fff9}.dark .table-input,.dark .table-select{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff40!important}.dark .table-input:focus,.dark .table-select:focus{box-shadow:0 0 0 2px #8b5cf64d;color:#fff!important;background:#ffffff1f!important;border-color:#8b5cf6!important}.dark .items-table input:focus,.dark .items-table select:focus{background:#ffffff1f!important}.dark .items-table .table-input:focus,.dark .items-table .table-select:focus{box-shadow:0 0 0 2px #8b5cf659;color:#fff!important;background:#ffffff1f!important;border-color:#8b5cf6!important}.dark input:focus,.dark select:focus,.dark textarea:focus{background:#ffffff1f!important}.dark .table-input,.dark .table-select{color:#fff!important;background:#ffffff1a!important}.dark .table-input:focus,.dark .table-select:focus{background:#ffffff26!important}.dark .inv-section{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#111827!important}.dark .items-table-wrapper{background:#111827!important;border:1px solid #374151!important}.dark .items-table,.dark .items-table tr{background:#111827!important}.dark .items-table tr:nth-child(2n){background:#1f2937!important}.dark .items-table tr:hover{background:#374151!important}.dark .items-table .table-input,.dark .items-table .table-select{color:#fff!important;background:#1f2937!important;border:1px solid #374151!important}.dark .items-table .table-input:focus,.dark .items-table .table-select:focus{background:#1f2937!important;border-color:#8b5cf6!important}.dark .admin-top{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important}.dark .admin-top input,.dark .admin-top select{color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff40!important}.dark .admin-top input:focus,.dark .admin-top select:focus{background:#ffffff26!important;border-color:#8b5cf6!important}.dark .admin-top input::placeholder{color:#fff9}.app{align-items:stretch;min-height:100vh;display:flex}.sidebar-wrapper{z-index:1000;flex-shrink:0;transition:transform .3s ease-in-out;display:flex}.sidebar{color:#fff;box-sizing:border-box;background:linear-gradient(#0f172a,#1e3a8a);border-radius:0 20px 20px 0;width:230px;height:100%;min-height:100vh;padding:20px}.brand{letter-spacing:1px;margin-bottom:25px;font-size:22px;font-weight:700}.menu{margin-top:10px}.menu-item{cursor:pointer;opacity:.9;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;transition:all .3s;display:flex}.menu-item .icon{display:flex}.menu-item:hover{opacity:1;background:#ffffff1f;transform:translate(4px)}.menu-item.active{color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6);font-weight:600;box-shadow:0 5px 15px #0003}.logout{color:#f87171;margin-top:20px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.stat-card{background:var(--card-bg);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff3;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0000000d}.stat-card h3{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:14px}.stat-value{margin:0;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700}.text-green{color:#10b981}.text-blue{color:#3b82f6}.text-purple{color:#8b5cf6}.admin-tabs{gap:10px;margin-bottom:20px;padding-bottom:5px;display:flex;overflow-x:auto}.admin-tabs .tab-btn{background:var(--card-bg);color:var(--text-main);border:1px solid #fff3;border-radius:10px;padding:10px 20px}.admin-tabs .tab-btn.active{color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-color:#0000}.log-badge{letter-spacing:.5px;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.log-create{color:#166534;background:#dcfce7}.log-update{color:#854d0e;background:#fef9c3}.log-delete{color:#991b1b;background:#fee2e2}.log-login{color:#3730a3;background:#e0e7ff}.log-export{color:#6b21a8;background:#f3e8ff}.log-logout{color:#991b1b;background:#fee2e2}.log-reminder{color:#92400e;background:#fef3c7}.due-green{color:#166534;background:#dcfce7}.due-yellow{color:#92400e;background:#fef3c7}.due-red{color:#991b1b;background:#fee2e2}.table-responsive{border-radius:12px;width:100%;overflow-x:auto;box-shadow:inset 0 0 0 1px #0000000d}table{min-width:600px}@media (width<=1024px){.inv-totals{flex-direction:column;gap:15px}}@media (width<=768px){.app{flex-direction:column}.sidebar-wrapper{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-wrapper.open{transform:translate(0)}.sidebar{border-radius:0}.header{border-radius:0;padding:15px}.menu-toggle-btn{display:block}.login-left{width:100%}.login-box{width:90%}.inv-meta-bar,.inv-options-row{flex-direction:column;align-items:stretch}.inv-meta-group{width:100%}.shipping-row{justify-content:space-between;margin-left:0}.admin-top{flex-direction:column;align-items:stretch;gap:10px}.admin-top .btn-danger{margin-left:0}.admin-filter,.admin-search{width:100%}}.login-box{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff24;border:1px solid #ffffff40;border-radius:16px;width:320px;padding:30px;box-shadow:0 15px 40px #0003}.login-box input,.password-wrapper input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff59;border-radius:12px;width:100%;height:48px;padding:0 14px;font-size:15px;font-weight:500;transition:all .25s;box-shadow:inset 0 1px 2px #ffffff26,0 4px 15px #0000001f}.login-box input::placeholder,.password-wrapper input::placeholder{color:#ffffffbf}.login-box input:focus,.password-wrapper input:focus{background:#ffffff38;border-color:#4ade80;outline:none;box-shadow:0 0 0 3px #4ade8040,0 8px 24px #0003}.password-wrapper{margin-top:12px;position:relative}.eye-icon{cursor:pointer;color:#ffffffd9;font-size:18px;transition:all .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.eye-icon:hover{color:#4ade80}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#22c55e,#4ade80);border:none;border-radius:12px;width:100%;height:48px;margin-top:18px;font-size:16px;font-weight:700;transition:all .25s;box-shadow:0 8px 20px #22c55e4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #22c55e66}.item-card{background:#fff;border-radius:18px;margin-bottom:18px;padding:20px;box-shadow:0 4px 14px #00000014}.item-card-top{gap:16px;margin-bottom:18px;display:flex}.item-grid-modern{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.item-field{flex-direction:column;display:flex}.item-field label{margin-bottom:6px;font-size:13px;font-weight:600}.item-field input,.item-field select{border:1px solid #ddd;border-radius:10px;height:42px;padding:0 12px}.item-field-lg{flex-direction:column;flex:1;display:flex}.item-total{color:#16a34a;background:#f3f4f6;border-radius:10px;align-items:center;height:42px;padding-left:12px;font-weight:700;display:flex}.item-actions{justify-content:flex-end;margin-top:14px;display:flex}.btn-paid{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;padding:6px 12px}.paid-badge{color:#16a34a;font-weight:700}.modern-due-status{border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 10px #0000000d}