*,:before,:after{box-sizing:border-box}html,body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4}h1,h2,h3,h4,h5,h6{color:inherit;font-weight:600}label{margin-bottom:4px;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}img,svg{max-width:100%;display:block}button,input,select,textarea{transition:all .15s}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1;padding:16px}.transition-all{transition:all .2s ease-in-out}.brand-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:0 10px 25px #2563eb59}.icon-circle{background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:transform .2s;display:inline-flex}.icon-circle:hover{transform:scale(1.05)}:root{--app-shell-bg:#f8fafc}.app-shell{background:var(--app-shell-bg);min-height:100vh;display:block}.app-main{flex:1;margin-top:74px;padding:1.5rem}@media (min-width:768px){.app-main{padding:2rem}}@media (min-width:992px){.app-shell.sidebar-expanded .app-main{margin-left:264px}.app-shell.sidebar-collapsed .app-main{margin-left:92px}}.topbar{z-index:1040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827f5;border-bottom:1px solid #94a3b847;min-height:74px;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #02061759}.hamburger-btn{color:#e2e8f0;background:#0f172a;border:1px solid #94a3b840;border-radius:999px;align-items:center;gap:.75rem;padding:.35rem .9rem;display:inline-flex;box-shadow:0 12px 30px #02061759}.hamburger-btn small{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.6rem;font-weight:600}.hamburger-btn strong{color:#e2e8f0;font-size:.95rem}.hamburger-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:inline-flex;box-shadow:0 8px 20px #6366f166}.sidebar-link{color:#dbe4f3;border:1px solid #0000}.sidebar-link:hover{color:#fff;background:#3b82f629;border-color:#60a5fa47}.sidebar-link.active{color:#fff;background:#2563eb47;border-color:#60a5fa66}.sidebar-link-icon{color:#93c5fd;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;display:inline-flex}.sidebar-link-label{font-size:.92rem;font-weight:500}.sidebar-theme-btn{border-width:1.5px;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:1.15rem;display:inline-flex}.app-modal .text-danger.small.mb-2,.app-modal .text-success.small.mb-2{border:1px solid #0000;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.85rem;display:block;margin:0 0 .5rem!important}.app-modal .text-danger.small.mb-2{background:#f8d7da;border-color:#f1aeb5;color:#842029!important}.app-modal .text-success.small.mb-2{background:#d1e7dd;border-color:#a3cfbb;color:#0f5132!important}.desktop-sidebar .sidebar-theme-btn,.sidebar-mobile-panel .sidebar-theme-btn{color:#e2e8f0;background:#0f172a59;border-color:#94a3b859}.desktop-sidebar .sidebar-theme-btn:hover,.sidebar-mobile-panel .sidebar-theme-btn:hover{color:#fff;background:#1e293bd9;border-color:#7dd3fc73}.desktop-sidebar{z-index:1030;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a;border-right:1px solid #94a3b83d;flex-direction:column;width:264px;transition:width .2s;display:flex;position:fixed;top:74px;bottom:0;left:0}.desktop-sidebar.collapsed{width:92px}.desktop-sidebar-body{flex-direction:column;flex:1;gap:.75rem;padding:.8rem .6rem;display:flex;overflow-y:auto}.desktop-sidebar-footer{border-top:1px solid #94a3b833;justify-content:center;align-items:center;padding:.75rem .6rem;display:flex}.sidebar-search-input{color:#f8fafc;background:#0f172a73;border-color:#94a3b847;border-radius:10px}.sidebar-search-input::placeholder{color:#94a3b8}.desktop-sidebar .text-muted{color:#94a3b8!important}.sidebar-mobile-panel{color:#e2e8f0;background:#0f172a!important}.sidebar-mobile-panel .offcanvas-header{border-bottom:1px solid #94a3b833}.sidebar-mobile-panel .offcanvas-title,.sidebar-mobile-panel h6,.sidebar-mobile-panel .text-muted{color:#94a3b8!important}.sidebar-link.is-compact{padding-left:.35rem!important;padding-right:.35rem!important}.user-menu-btn{color:#e2e8f0;background:#0f172a;border:1px solid #94a3b840;border-radius:999px;padding:.35rem .65rem;box-shadow:0 10px 24px #02061759}.user-menu-icon{background:rgba(var(--bs-primary-rgb),.14);width:28px;height:28px;color:var(--bs-primary);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.user-menu-label{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-weight:600;overflow:hidden}.user-avatar-fallback{background:rgba(var(--bs-primary-rgb),.15);width:72px;height:72px;color:var(--bs-primary);border-radius:999px;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:inline-flex}[data-theme=dark] .desktop-sidebar{background:#0f172a;border-right:1px solid #94a3b83d}[data-theme=dark] .desktop-sidebar-footer{border-color:#94a3b833}[data-theme=dark] .topbar{background:#111827f5;border-bottom:1px solid #94a3b847;box-shadow:0 8px 24px #02061759}.dashboard-hero{background:linear-gradient(145deg,#ffffffbf,#e2e8f080);border:1px solid #0f172a14;border-radius:14px;padding:1rem 1.2rem}.dashboard-metric-card{border:1px solid #0f172a14;border-radius:14px}.dashboard-metric-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.dashboard-metric-value{font-size:1.4rem;font-weight:700}.dashboard-metric-icon{background:rgba(var(--bs-primary-rgb),.12);width:42px;height:42px;color:var(--bs-primary);border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.dashboard-sale-row{background:#94a3b814;border-radius:10px;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;display:flex}[data-theme=dark] .dashboard-hero{background:linear-gradient(145deg,#0f172ae6,#1e293b99);border-color:#94a3b842}[data-theme=dark] .dashboard-metric-title{color:#94a3b8}[data-theme=dark] .dashboard-sale-row{background:#33415573}[data-theme=dark] .hamburger-btn,[data-theme=dark] .user-menu-btn{color:#e2e8f0;background:#0f172a;border-color:#94a3b840}[data-theme=dark] .hamburger-btn strong{color:#e2e8f0}[data-theme=dark] .pagination{--bs-pagination-bg:#0f172a;--bs-pagination-border-color:#334155;--bs-pagination-color:#e2e8f0;--bs-pagination-hover-color:#fff;--bs-pagination-hover-bg:#1e293b;--bs-pagination-hover-border-color:#475569;--bs-pagination-focus-color:#fff;--bs-pagination-focus-bg:#1e293b;--bs-pagination-focus-box-shadow:0 0 0 .2rem #2dd4bf40;--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#26a69a;--bs-pagination-active-border-color:#26a69a;--bs-pagination-disabled-color:#64748b;--bs-pagination-disabled-bg:#0b1220;--bs-pagination-disabled-border-color:#1e293b}.pagination .page-link{justify-content:center;align-items:center;min-width:40px;min-height:40px;margin:0 2px;display:inline-flex;border-radius:10px!important}[data-theme=dark] .nav-tabs .nav-link{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .nav-tabs .nav-link:hover{color:#f8fafc;background:#1e293b}[data-theme=dark] .nav-tabs .nav-link.active{color:#f8fafc;background:#1f2937;border-color:#475569 #475569 #1f2937}.app-modal .modal-body .form-label{margin-bottom:.35rem;display:block}.app-modal .modal-body .form-control,.app-modal .modal-body .form-select{min-height:38px}.app-modal .app-modal-footer-shell{border-top:1px solid #94a3b838;padding:.85rem 1rem}.app-modal .app-modal-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.app-modal .app-modal-footer>p,.app-modal .app-modal-footer>.text-danger,.app-modal .app-modal-footer>.text-success{flex-basis:100%;margin:0}.app-modal .app-modal-footer>.d-inline-flex{display:inline-flex!important}.app-modal .app-modal-footer .btn{border-radius:.55rem;min-width:132px;min-height:42px;padding:.45rem .95rem;font-weight:600}.app-modal .app-modal-footer .btn.btn-sm{min-height:42px;padding:.45rem .95rem}.chatbox-root{z-index:1150;flex-direction:column;align-items:flex-end;gap:.65rem;display:flex;position:fixed;bottom:20px;right:20px}.chatbox-fab{color:#fff;background:#0ea5a0;border:none;border-radius:999px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.35rem;display:inline-flex}.chatbox-panel{background:var(--bs-body-bg);border:1px solid #94a3b859;border-radius:14px;flex-direction:column;width:min(380px,100vw - 24px);height:min(520px,100vh - 120px);display:flex;overflow:hidden}.chatbox-header{color:#f8fafc;background:#0f172af2;border-bottom:1px solid #94a3b840;justify-content:space-between;align-items:center;padding:.7rem .85rem;display:flex}.chatbox-icon-btn{color:inherit;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.chatbox-body{background:linear-gradient(#0f172a08 0%,#94a3b814 100%);flex-direction:column;flex:1;gap:.65rem;padding:.8rem;display:flex;overflow-y:auto}.chatbox-msg{border-radius:10px;max-width:92%;padding:.55rem .65rem}.chatbox-msg.assistant{background:#e2e8f0e6;align-self:flex-start}.chatbox-msg.user{background:#0ea5a02e;align-self:flex-end}.chatbox-msg-text{white-space:pre-wrap;line-height:1.32}.chatbox-footer{background:var(--bs-body-bg);border-top:1px solid #94a3b840;grid-template-columns:1fr auto;gap:.5rem;padding:.65rem;display:grid}.chatbox-send-btn{color:#fff;background:#0f172a;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;display:inline-flex}[data-theme=dark] .chatbox-panel{background:#0b1220;border-color:#94a3b833}[data-theme=dark] .chatbox-body{background:linear-gradient(#0f172aa6 0%,#020617f2 100%)}[data-theme=dark] .chatbox-msg.assistant{color:#e2e8f0;background:#1e293be6}[data-theme=dark] .chatbox-msg.user{color:#f8fafc;background:#14b8a647}.rte-root{flex-direction:column;gap:.5rem;display:flex}.rte-toolbar .btn{min-width:42px}.rte-editor{background:var(--bs-body-bg);line-height:1.45;overflow-y:auto}.rte-editor:focus{outline:none}.rte-editor:empty:before{content:attr(data-placeholder);color:#94a3b8}
:root{--bs-body-bg:#e3e8f0;--bs-body-color:#0f172a;--bs-card-bg:#f1f5f9;--bs-card-border-color:#c7d2e0;--bs-border-color:#bcc9da;--bs-primary:#26a69a;--bs-primary-rgb:38,166,154;--bs-secondary:#5c6bc0;--bs-secondary-rgb:92,107,192;--bs-success:#66bb6a;--bs-success-rgb:102,187,106;--bs-danger:#ef5350;--bs-danger-rgb:239,83,80;--bs-warning:#ffca28;--bs-warning-rgb:255,202,40;--bs-input-bg:#f1f5f9;--bs-input-border-color:#aebcd1;--bs-input-color:#0f172a;--bs-focus-ring-color:#26a69a40;--bs-form-check-input-border:1.5px solid #7c8ea7;--bs-form-check-input-checked-bg-color:#26a69a;--bs-form-check-input-checked-border-color:#26a69a}[data-theme=dark]{--bs-body-bg:#0b1220;--bs-body-bg-rgb:11,18,32;--bs-body-color:#e2e8f0;--bs-body-color-rgb:226,232,240;--bs-secondary-color:#94a3b8;--bs-secondary-color-rgb:148,163,184;--bs-tertiary-color:#94a3b8;--bs-tertiary-color-rgb:148,163,184;--bs-card-bg:#111827;--bs-card-border-color:#1f2937;--bs-border-color:#334155;--bs-input-bg:#0f172a;--bs-input-border-color:#334155;--bs-input-color:#e2e8f0;--bs-focus-ring-color:#2dd4bf40}[data-theme=dark] body,[data-theme=dark] .app-shell,[data-theme=dark] .app-main{background:var(--bs-body-bg);color:var(--bs-body-color)}[data-theme=dark] .app-main{background:#111827;box-shadow:inset 0 1px #94a3b81f}[data-theme=dark] .container,[data-theme=dark] .container-fluid,[data-theme=dark] .row,[data-theme=dark] [class^=col-],[data-theme=dark] [class*=\ col-],[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] p,[data-theme=dark] label,[data-theme=dark] .form-label{color:var(--bs-body-color)}[data-theme=dark] .app-main h1{color:#f8fafc;font-weight:700}[data-theme=dark] .app-main p{color:#cbd5e1}[data-theme=dark] .text-muted{color:#94a3b8!important}[data-theme=dark] .table{--bs-table-color:#e2e8f0;--bs-table-bg:#111827;--bs-table-striped-bg:#0f172a;--bs-table-striped-color:#e2e8f0;--bs-table-hover-bg:#1f2937;--bs-table-hover-color:#e2e8f0;--bs-table-border-color:#334155}[data-theme=dark] .table th{color:#e2e8f0;background:#1f2937}[data-theme=dark] .offcanvas{color:#e2e8f0;background:#0f172a}.card{background:var(--bs-card-bg);border:1px solid var(--bs-card-border-color);border-radius:14px;box-shadow:0 2px 6px #0f172a14}.btn{border-radius:12px;padding:7px 14px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s}.btn:active{transform:translateY(.5px)}.btn-primary{background:#26a69a;border-color:#26a69a;box-shadow:0 6px 14px #26a69a2e}.btn-primary:hover{background:#1f968c;border-color:#1f968c;box-shadow:0 8px 18px #26a69a42}.btn-secondary{background:#5c6bc0;border-color:#5c6bc0;box-shadow:0 6px 14px #5c6bc02e}.btn-secondary:hover{background:#4f5fb6;border-color:#4f5fb6;box-shadow:0 8px 18px #5c6bc042}.btn-outline-primary{color:#1f7f77;background:0 0;border:1.5px solid #26a69a}.btn-outline-primary:hover{color:#0f172a;background:#26a69a1a}.btn-danger{background:#ef5350;border-color:#ef5350;box-shadow:0 6px 14px #ef535029}.btn-danger:hover{background:#e04845;border-color:#e04845}.form-control,.form-select{background:var(--bs-input-bg);border:1.6px solid var(--bs-input-border-color);color:var(--bs-input-color);border-radius:12px;padding:9px 12px}.form-control:hover,.form-select:hover{border-color:#7c8ea7}.form-control:focus,.form-select:focus{color:var(--bs-input-color);background:#fff;border-color:#26a69a;box-shadow:0 0 0 3px #26a69a2e}.form-control::placeholder{color:#64748b}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{color:#f8fafc;background:#111827}[data-theme=dark] .form-control:disabled,[data-theme=dark] .form-select:disabled{color:#cbd5e1;opacity:1;background:#0b1220;border-color:#334155}.form-check-input{background-color:var(--bs-input-bg);border:1.6px solid #7c8ea7;border-radius:6px;width:16px;height:16px}.form-check-input:checked{background-color:#26a69a;border-color:#26a69a}.table{background:var(--bs-card-bg);border-radius:14px;overflow:hidden}.table th{color:#334155;background:#dbe4f0;font-weight:700}.table td{vertical-align:middle}.modal-content{background:var(--bs-card-bg);border:1px solid var(--bs-card-border-color);border-radius:16px}
