:root{--primary: #1A237E;--primary-mid: #283593;--primary-light: #3949AB;--primary-pale: #E8EAF6;--accent: #00BCD4;--accent-dark: #0097A7;--success: #00897B;--success-bg: #E0F2F1;--warning: #F57C00;--warning-bg: #FFF3E0;--danger: #C62828;--danger-bg: #FFEBEE;--info: #1E88E5;--info-bg: #E3F2FD;--bg: #F0F2F5;--surface: #FFFFFF;--surface2: #F8F9FC;--border: #E0E3EA;--text1: #1A1D2E;--text2: #4A5568;--text3: #8A93A8;--sidebar-w: 260px;--topbar-h: 64px;--radius: 12px;--radius-sm: 8px;--mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text1);font-size:14px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased}a{color:var(--primary-light);text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%}button,input,select,textarea{font-family:inherit}code{font-family:var(--mono);font-size:.9em;background:var(--surface2);padding:2px 6px;border-radius:4px;color:var(--primary-light)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#00000038}.shell{display:flex;height:100vh;width:100vw;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.content{flex:1;overflow-y:auto;padding:24px}app-sidebar{display:flex;flex-direction:column;height:100%}.sidebar{width:var(--sidebar-w);height:100%;flex-shrink:0;background:var(--primary);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:20}.shell.sidebar-closed .sidebar{width:64px}.sidebar-logo{height:var(--topbar-h);display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#26C6DA);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:16px;color:#fff;letter-spacing:-1px}.logo-text{color:#fff;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.logo-sub{color:#ffffff73;font-size:10px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background:#ffffff40}.nav-section{padding:4px 0}.nav-section.closed .nav-items{display:none}.nav-section-label,.nav-label-group{font-family:Outfit,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff6;padding:12px 20px 4px;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-section-label:hover{color:#ffffffa6}.nav-section-label .chevron{font-size:18px;transition:transform .2s}.nav-section.closed .nav-section-label .chevron{transform:rotate(-90deg)}.nav-item{display:flex;align-items:center;height:40px;padding:0 16px;gap:12px;cursor:pointer;color:#fff9;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;border-left:3px solid transparent;text-decoration:none}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff21;color:#fff;border-left-color:var(--accent)}.nav-item .mi,.nav-item .material-icons{font-size:20px;flex-shrink:0;width:24px;text-align:center}.nav-item-label{font-size:13px;font-weight:500;flex:1}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:12px}.user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;transition:background .15s;overflow:hidden}.user-card:hover{background:#ffffff14}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#26C6DA);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#ffffff73}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0}.topbar-title{font-size:18px;font-weight:600;color:var(--text1);flex:1}.icon-btn{width:38px;height:38px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);transition:background .15s;position:relative}.icon-btn:hover{background:var(--bg)}.container{width:100%;padding:0 16px}.row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.row>*{padding-left:8px;padding-right:8px;box-sizing:border-box}.g-0>*{padding:0}.g-0{margin:0}.g-1>*{padding:4px}.g-1{margin:-4px}.g-2>*{padding:6px}.g-2{margin:-6px}.g-3>*{padding:8px}.g-3{margin:-8px}.g-4>*{padding:12px}.g-4{margin:-12px}.col-1{width:8.333%}.col-2{width:16.666%}.col-3{width:25%}.col-4{width:33.333%}.col-5{width:41.666%}.col-6{width:50%}.col-7{width:58.333%}.col-8{width:66.666%}.col-9{width:75%}.col-10{width:83.333%}.col-11{width:91.666%}.col-12{width:100%}.col{flex:1;min-width:0}@media(min-width:576px){.col-sm-3{width:25%}.col-sm-4{width:33.333%}.col-sm-6{width:50%}.col-sm-12{width:100%}}@media(min-width:768px){.col-md-2{width:16.666%}.col-md-3{width:25%}.col-md-4{width:33.333%}.col-md-5{width:41.666%}.col-md-6{width:50%}.col-md-7{width:58.333%}.col-md-8{width:66.666%}.col-md-9{width:75%}.col-md-10{width:83.333%}.col-md-12{width:100%}.d-md-flex{display:flex}.d-md-block{display:block}.d-md-none{display:none}}@media(min-width:992px){.col-lg-2{width:16.666%}.col-lg-3{width:25%}.col-lg-4{width:33.333%}.col-lg-5{width:41.666%}.col-lg-6{width:50%}.col-lg-7{width:58.333%}.col-lg-8{width:66.666%}.col-lg-9{width:75%}.col-lg-10{width:83.333%}.col-lg-12{width:100%}.d-lg-flex{display:flex}.d-lg-block{display:block}.d-lg-none{display:none}}@media(min-width:1200px){.col-xl-2{width:16.666%}.col-xl-3{width:25%}.col-xl-4{width:33.333%}.col-xl-5{width:41.666%}.col-xl-6{width:50%}.col-xl-8{width:66.666%}.col-xl-9{width:75%}.col-xl-12{width:100%}}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ms-0{margin-left:0}.me-0{margin-right:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.m-1{margin:4px}.mt-1{margin-top:4px}.mb-1{margin-bottom:4px}.ms-1{margin-left:4px}.me-1{margin-right:4px}.mx-1{margin-left:4px;margin-right:4px}.my-1{margin-top:4px;margin-bottom:4px}.m-2{margin:8px}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.ms-2{margin-left:8px}.me-2{margin-right:8px}.mx-2{margin-left:8px;margin-right:8px}.my-2{margin-top:8px;margin-bottom:8px}.m-3{margin:12px}.mt-3{margin-top:12px}.mb-3{margin-bottom:12px}.ms-3{margin-left:12px}.me-3{margin-right:12px}.mx-3{margin-left:12px;margin-right:12px}.my-3{margin-top:12px;margin-bottom:12px}.m-4{margin:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.ms-4{margin-left:16px}.me-4{margin-right:16px}.mx-4{margin-left:16px;margin-right:16px}.my-4{margin-top:16px;margin-bottom:16px}.m-5{margin:24px}.mt-5{margin-top:24px}.mb-5{margin-bottom:24px}.ms-5{margin-left:24px}.me-5{margin-right:24px}.mx-5{margin-left:24px;margin-right:24px}.my-5{margin-top:24px;margin-bottom:24px}.m-auto{margin:auto}.ms-auto{margin-left:auto}.me-auto{margin-right:auto}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.ps-0{padding-left:0}.pe-0{padding-right:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.p-1{padding:4px}.pt-1{padding-top:4px}.pb-1{padding-bottom:4px}.ps-1{padding-left:4px}.pe-1{padding-right:4px}.px-1{padding-left:4px;padding-right:4px}.py-1{padding-top:4px;padding-bottom:4px}.p-2{padding:8px}.pt-2{padding-top:8px}.pb-2{padding-bottom:8px}.ps-2{padding-left:8px}.pe-2{padding-right:8px}.px-2{padding-left:8px;padding-right:8px}.py-2{padding-top:8px;padding-bottom:8px}.p-3{padding:12px}.pt-3{padding-top:12px}.pb-3{padding-bottom:12px}.ps-3{padding-left:12px}.pe-3{padding-right:12px}.px-3{padding-left:12px;padding-right:12px}.py-3{padding-top:12px;padding-bottom:12px}.p-4{padding:16px}.pt-4{padding-top:16px}.pb-4{padding-bottom:16px}.ps-4{padding-left:16px}.pe-4{padding-right:16px}.px-4{padding-left:16px;padding-right:16px}.py-4{padding-top:16px;padding-bottom:16px}.p-5{padding:24px}.pt-5{padding-top:24px}.pb-5{padding-bottom:24px}.ps-5{padding-left:24px}.pe-5{padding-right:24px}.px-5{padding-left:24px;padding-right:24px}.py-5{padding-top:24px;padding-bottom:24px}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-none{display:none}.d-grid{display:grid}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-fill{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.align-items-stretch{align-items:stretch}.align-self-center{align-self:center}.justify-content-start{justify-content:flex-start}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.gap-0{gap:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:24px}.fw-light{font-weight:300}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-semibold{font-weight:600}.fw-bold{font-weight:700}.fs-1{font-size:2rem}.fs-2{font-size:1.75rem}.fs-3{font-size:1.5rem}.fs-4{font-size:1.25rem}.fs-5{font-size:1.1rem}.fs-6{font-size:1rem}.small{font-size:.85em}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-lowercase{text-transform:lowercase}.text-center{text-align:center}.text-end{text-align:right}.text-start{text-align:left}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.lh-1{line-height:1}.lh-sm{line-height:1.3}.text-primary{color:var(--primary-light)}.text-primary-emphasis{color:var(--primary)}.text-secondary{color:var(--text2)}.text-muted{color:var(--text3)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning,.text-warning-emphasis{color:var(--warning)}.text-info{color:var(--info)}.text-dark{color:var(--text1)}.text-white{color:#fff}.bg-primary{background:var(--primary-light)!important;color:#fff}.bg-secondary{background:var(--text2)!important;color:#fff}.bg-success{background:var(--success)!important;color:#fff}.bg-danger{background:var(--danger)!important;color:#fff}.bg-warning{background:var(--warning)!important;color:#fff}.bg-info{background:var(--info)!important;color:#fff}.bg-light{background:var(--surface2)!important}.bg-white{background:var(--surface)!important}.bg-transparent{background:transparent!important}.bg-primary-subtle{background:var(--primary-pale)!important}.bg-success-subtle{background:var(--success-bg)!important}.bg-danger-subtle{background:var(--danger-bg)!important}.bg-warning-subtle{background:var(--warning-bg)!important}.bg-info-subtle{background:var(--info-bg)!important}.bg-secondary-subtle{background:var(--surface2)!important}.border{border:1px solid var(--border)!important}.border-0{border:none!important}.border-top{border-top:1px solid var(--border)!important}.border-top-0{border-top:none!important}.border-bottom{border-bottom:1px solid var(--border)!important}.border-bottom-0{border-bottom:none!important}.border-start{border-left:1px solid var(--border)!important}.border-start-0{border-left:none!important}.border-end{border-right:1px solid var(--border)!important}.border-end-0{border-right:none!important}.w-100{width:100%}.w-50{width:50%}.w-25{width:25%}.w-auto{width:auto}.h-100{height:100%}.min-vh-100{min-height:100vh}.mw-100{max-width:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.overflow-visible{overflow:visible}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.top-0{top:0}.bottom-0{bottom:0}.start-0{left:0}.end-0{right:0}.rounded{border-radius:var(--radius-sm)!important}.rounded-2{border-radius:6px!important}.rounded-3{border-radius:var(--radius)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50px!important}.rounded-0{border-radius:0!important}.shadow-sm{box-shadow:0 1px 4px #00000014!important}.shadow{box-shadow:0 4px 16px #0000001a!important}.shadow-lg{box-shadow:0 8px 32px #00000024!important}.shadow-none{box-shadow:none!important}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.card-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--surface);font-size:14px;font-weight:600;color:var(--text1)}.card-header.bg-white{background:var(--surface)}.card-body{padding:16px 20px}.card-footer{padding:12px 20px;border-top:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:8px}.card-footer.bg-white{background:var(--surface)}.card-img-top{width:100%;display:block}.card-title{font-size:14px;font-weight:600;color:var(--text1);margin:0}.card-text{font-size:13px;color:var(--text2)}.card-link{color:var(--primary-light);font-size:13px;font-weight:500}.h-100 .card{height:100%}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:16px 20px;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0}.kpi-card.cyan:before{background:var(--accent)}.kpi-card.green:before{background:var(--success)}.kpi-card.orange:before{background:var(--warning)}.kpi-card.red:before{background:var(--danger)}.kpi-card.indigo:before{background:var(--primary-light)}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);margin-bottom:6px}.kpi-value{font-size:26px;font-weight:700;line-height:1;color:var(--text1);font-variant-numeric:tabular-nums}.kpi-sub{font-size:12px;color:var(--text3);margin-top:4px}.kpi-trend{position:absolute;bottom:12px;right:16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.bo-stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bo-stat-icon .material-icons,.bo-stat-icon .bi{font-size:24px}.bg-primary-subtle.text-primary .material-icons,.bg-primary-subtle.text-primary .bi{color:var(--primary-light)}.bg-success-subtle.text-success .material-icons,.bg-success-subtle.text-success .bi{color:var(--success)}.bg-warning-subtle.text-warning .material-icons,.bg-warning-subtle.text-warning .bi{color:var(--warning)}.bg-danger-subtle.text-danger .material-icons,.bg-danger-subtle.text-danger .bi{color:var(--danger)}.bg-info-subtle.text-info .material-icons,.bg-info-subtle.text-info .bi{color:var(--info)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:all .15s;white-space:nowrap;line-height:1.4;text-decoration:none;vertical-align:middle}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:5px 11px;font-size:12px;border-radius:6px}.btn-lg{padding:11px 22px;font-size:15px;border-radius:10px}.btn-primary{background:var(--primary-light);color:#fff}.btn-primary:hover{background:var(--primary)}.btn-secondary{background:var(--surface2);color:var(--text1);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-danger:hover{background:#ffcdd2}.btn-warning{background:var(--warning-bg);color:var(--warning)}.btn-warning:hover{background:#ffe0b2}.btn-info{background:var(--info-bg);color:var(--info)}.btn-info:hover{background:#bbdefb}.btn-outline-primary{background:transparent;color:var(--primary-light);border:1px solid var(--primary-light)}.btn-outline-primary:hover{background:var(--primary-pale)}.btn-outline-secondary{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-outline-secondary:hover{background:var(--surface2)}.btn-outline-success{background:transparent;color:var(--success);border:1px solid var(--success)}.btn-outline-success:hover{background:var(--success-bg)}.btn-outline-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-outline-danger:hover{background:var(--danger-bg)}.btn-outline-warning{background:transparent;color:var(--warning);border:1px solid var(--warning)}.btn-outline-warning:hover{background:var(--warning-bg)}.btn-link{background:none;border:none;color:var(--primary-light);padding:0;font-weight:500}.btn-link:hover{color:var(--primary)}.btn-close{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") center/14px no-repeat;width:28px;height:28px;border:none;border-radius:50%;opacity:.55;cursor:pointer;transition:opacity .15s,background .15s;padding:0}.btn-close:hover{opacity:1;background-color:var(--bg)}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text2);margin-bottom:6px}.form-control{width:100%;padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:13px;color:var(--text1);background:var(--surface);transition:border-color .2s,box-shadow .2s;outline:none}.form-control:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-pale)}.form-control::placeholder{color:var(--text3)}.form-control:disabled,.form-control[disabled]{background:var(--surface2);color:var(--text3);cursor:not-allowed}.form-control.is-invalid{border-color:var(--danger)}.form-control.is-invalid:focus{box-shadow:0 0 0 3px var(--danger-bg)}.invalid-feedback{display:block;font-size:12px;color:var(--danger);margin-top:4px}.form-text{font-size:12px;color:var(--text3);margin-top:4px}.form-select{width:100%;padding:9px 36px 9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:13px;color:var(--text1);background:var(--surface) url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;transition:border-color .2s,box-shadow .2s;outline:none;cursor:pointer}.form-select:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-pale)}.form-select.is-invalid{border-color:var(--danger)}.form-select.form-select-sm{padding:6px 32px 6px 10px;font-size:12px}.form-control-sm{padding:6px 10px;font-size:12px;border-radius:6px}.form-control-lg{padding:12px 16px;font-size:15px;border-radius:10px}textarea.form-control{resize:vertical;min-height:80px}.form-check{display:flex;align-items:center;gap:8px;padding:0}.form-check-input{width:16px;height:16px;border:1.5px solid var(--border);border-radius:4px;cursor:pointer;flex-shrink:0;appearance:auto;accent-color:var(--primary-light);transition:all .15s}.form-check-label{font-size:13px;color:var(--text1);cursor:pointer}.form-check.form-switch .form-check-input{width:40px;height:22px;border-radius:50px;cursor:pointer;background-color:var(--border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 3px center;background-size:16px 16px;transition:background-color .2s,background-position .15s;border:none;appearance:none}.form-check.form-switch .form-check-input:checked{background-color:var(--primary-light);background-position:right 3px center}.form-check.form-switch .form-check-input:checked:after{display:none}.form-check.form-switch .form-check-input:after{display:none}.form-check.form-switch .form-check-input:checked:before{display:none}.mb-0.form-check{margin-bottom:0}.input-group{display:flex}.input-group .form-control{flex:1;border-radius:0}.input-group .form-control:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.input-group .form-control:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input-group-text{display:flex;align-items:center;padding:0 12px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);font-size:13px;font-weight:500;white-space:nowrap}.input-group .input-group-text:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.input-group .input-group-text:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.input-group .btn{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.input-group .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.table-responsive{overflow-x:auto;width:100%}.table,.tbl{width:100%;border-collapse:collapse;font-size:13px;color:var(--text1)}.table th,.tbl th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);padding:10px 16px;text-align:left;background:var(--surface2);border-bottom:1px solid var(--border);white-space:nowrap}.table td,.tbl td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text1)}.table tr:last-child td,.tbl tr:last-child td{border-bottom:none}.table.table-hover tr:hover td,.table-hover tr:hover td{background:var(--surface2)}.table.table-sm th,.table-sm th,.table.table-sm td,.table-sm td{padding:8px 12px}.table thead th,thead.table-light th{background:var(--surface2)}.align-middle td{vertical-align:middle}.amount{font-family:var(--mono);font-size:13px;font-weight:500}.amount.positive{color:var(--success)}.amount.negative{color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;line-height:1.5}.badge.rounded-pill{border-radius:50px}.badge.ok{background:var(--success-bg);color:#00695c}.badge.warn{background:var(--warning-bg);color:#e65100}.badge.err{background:var(--danger-bg);color:#b71c1c}.badge.info{background:var(--info-bg);color:#0d47a1}.badge.proc{background:#ede7f6;color:#4527a0}.badge.bg-primary{background:var(--primary-light);color:#fff}.badge.bg-secondary{background:var(--text2);color:#fff}.badge.bg-success{background:var(--success);color:#fff}.badge.bg-danger{background:var(--danger);color:#fff}.badge.bg-warning{background:var(--warning);color:#fff}.badge.bg-info{background:var(--info);color:#fff}.badge.bg-light,.badge.bg-secondary-subtle{background:var(--surface2);color:var(--text2)}.badge.bg-primary-subtle{background:var(--primary-pale);color:var(--primary-light)}.badge.bg-success-subtle{background:var(--success-bg);color:var(--success)}.badge.bg-danger-subtle{background:var(--danger-bg);color:var(--danger)}.badge.bg-warning-subtle{background:var(--warning-bg);color:var(--warning)}.badge.bg-info-subtle{background:var(--info-bg);color:var(--info)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;background:var(--primary-pale);color:var(--primary-light);border:1px solid rgba(57,73,171,.15)}.nav{display:flex;align-items:center;gap:0;list-style:none;padding:0;margin:0}.nav-tabs{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0}.nav-item{list-style:none}.nav-link{display:flex;align-items:center;gap:5px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text2);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;text-decoration:none}.nav-link:hover{color:var(--text1)}.nav-link.active{color:var(--primary-light);border-bottom-color:var(--primary-light);font-weight:600}.tab-content>.tab-pane{display:none}.tab-content>.tab-pane.active{display:block}.list-group{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.list-group-flush{border:none;border-radius:0}.list-group-item{display:block;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-size:13px;color:var(--text1);transition:background .15s}.list-group-item:last-child{border-bottom:none}.list-group-item.active{background:var(--primary-pale);color:var(--primary-light);border-color:#3949ab33}.list-group-flush .list-group-item{padding-left:0;padding-right:0}.list-group-item-action{cursor:pointer}.list-group-item-action:hover{background:var(--surface2)}.alert{border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:flex-start;gap:10px;font-size:13px;border:1px solid;margin-bottom:16px}.alert-primary{background:var(--primary-pale);color:var(--primary);border-color:#3949ab4d}.alert-success{background:var(--success-bg);color:var(--success);border-color:#00897b4d}.alert-danger{background:var(--danger-bg);color:var(--danger);border-color:#c628284d}.alert-warning{background:var(--warning-bg);color:var(--warning);border-color:#f57c004d}.alert-info{background:var(--info-bg);color:var(--info);border-color:#1e88e54d}.eod-banner{border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;gap:16px;margin-bottom:24px;border:1px solid}.eod-banner.green{background:#e8f5e9;border-color:#a5d6a7}.eod-banner.yellow{background:#fffde7;border-color:#fff176}.eod-banner.red{background:#ffebee;border-color:#ef9a9a}.eod-banner.blue{background:var(--info-bg);border-color:#90caf9}.eod-banner.purple{background:#ede7f6;border-color:#ce93d8}.eod-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.eod-banner.green .eod-dot{background:#43a047}.eod-banner.yellow .eod-dot{background:#fdd835;box-shadow:0 0 0 4px #fdd8354d}.eod-banner.red .eod-dot{background:#e53935}.eod-banner.blue .eod-dot{background:#1e88e5}.eod-banner.purple .eod-dot{background:#7e57c2}.eod-text{flex:1}.eod-title{font-size:14px;font-weight:600}.eod-sub{font-size:12px;color:var(--text2);margin-top:2px}.spinner-border{display:inline-block;width:32px;height:32px;border:3px solid var(--border);border-right-color:var(--primary-light);border-radius:50%;animation:spin .75s linear infinite}.spinner-border-sm{width:16px;height:16px;border-width:2px}.text-primary.spinner-border,.spinner-border.text-primary{border-right-color:var(--primary-light)}.expansion-panel{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:12px;transition:box-shadow .2s}.expansion-panel.open{box-shadow:0 4px 12px #00000014}.expansion-header{display:flex;align-items:center;padding:14px 20px;gap:12px;cursor:pointer;background:var(--surface);transition:background .15s;-webkit-user-select:none;user-select:none}.expansion-header:hover{background:var(--surface2)}.exp-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exp-icon.cyan{background:#e0f7fa;color:var(--accent-dark)}.exp-icon.indigo{background:var(--primary-pale);color:var(--primary-light)}.exp-icon.teal{background:#e0f2f1;color:var(--success)}.exp-icon.orange{background:#fff3e0;color:var(--warning)}.exp-icon.red{background:var(--danger-bg);color:var(--danger)}.exp-title{font-size:14px;font-weight:600;color:var(--text1);flex:1}.exp-sub{font-size:12px;color:var(--text3)}.exp-chevron{font-size:20px;color:var(--text3);transition:transform .3s cubic-bezier(.4,0,.2,1)}.expansion-panel.open .exp-chevron{transform:rotate(180deg)}.expansion-body{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.expansion-panel.open .expansion-body{max-height:2000px}.expansion-inner{padding:0 20px 16px;border-top:1px solid var(--border)}.cursor-pointer{cursor:pointer}.user-select-none{-webkit-user-select:none;user-select:none}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.float-end{float:right}.float-start{float:left}.clearfix:after{content:"";display:table;clear:both}.text-decoration-none{text-decoration:none}.text-decoration-underline{text-decoration:underline}.align-middle{vertical-align:middle}.bi{line-height:1;display:inline-block}.modal-overlay{position:fixed;inset:0;background:#0f142880;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1040}.bo-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1050;width:min(540px,95vw);max-height:90vh;overflow-y:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 20px 60px #0000002e}.bo-modal .card-header{background:var(--surface);font-size:15px}.bo-modal .card-footer{justify-content:flex-end}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:20px;font-weight:700;color:var(--text1);margin:0}.page-sub{font-size:13px;color:var(--text3);margin:2px 0 0}.fs-1 .bi,.fs-2 .bi,.fs-3 .bi,.fs-4 .bi{font-size:inherit}a.btn{display:inline-flex}.card-icon{width:32px;height:32px;border-radius:8px;background:var(--primary-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon .material-icons{font-size:18px;color:var(--primary-light)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.search-input{width:240px}.tab-bar{display:flex;border-bottom:1px solid var(--border);padding:0 20px;background:var(--surface);overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:6px;padding:11px 14px;font-size:13px;font-weight:500;font-family:inherit;color:var(--text2);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;white-space:nowrap}.tab-btn:hover{color:var(--text1)}.tab-btn.active{color:var(--primary-light);border-bottom-color:var(--primary-light);font-weight:600}.tab-btn .material-icons{font-size:17px}.modal-backdrop{position:fixed;inset:0;background:#0f142885;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1040;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 24px 64px #0000002e;width:min(520px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h3{font-size:15px;font-weight:600;color:var(--text1);display:flex;align-items:center;gap:8px;flex:1;margin:0}.modal-header h3 .material-icons{font-size:20px;color:var(--primary-light)}.close-btn{width:30px;height:30px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);transition:background .15s,color .15s}.close-btn:hover{background:var(--bg);color:var(--text1)}.close-btn .material-icons{font-size:18px}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);flex-shrink:0;background:var(--surface2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.form-group{display:flex;flex-direction:column}.form-group .form-label{margin-bottom:5px}.input-hint{font-size:11px;color:var(--text3);margin-top:3px;line-height:1.4}.input-hint.err{color:var(--danger)}.req{color:var(--danger);margin-left:1px}.form-section-sep{font-size:11px;font-weight:600;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 12px;grid-column:1 / -1}.loading-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--text3);font-size:14px}.spin{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:52px 20px;color:var(--text3);font-size:14px}.empty-state .material-icons{font-size:44px;display:block;margin:0 auto 10px;opacity:.22}.empty-state>div{margin-bottom:12px}.alert-ok{background:var(--success-bg);color:#00695c;border:1px solid rgba(0,137,123,.2);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin-bottom:16px}.alert-err{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(198,40,40,.2);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin-bottom:16px}.alert-ok .material-icons,.alert-err .material-icons{font-size:17px;flex-shrink:0}.mono{font-family:var(--mono);font-size:12px}.cell-main{font-weight:500;font-size:13px;color:var(--text1)}.cell-sub{font-size:11px;color:var(--text3);margin-top:1px}.item-name,.supplier-name,.client-name{font-weight:500;font-size:13px}.item-sku,.supplier-sub,.client-sub{font-size:11px;color:var(--text3);margin-top:1px}.align-right{text-align:right}.delete-icon{color:var(--danger)}.action-btns{display:flex;gap:4px;justify-content:flex-end}.btn-icon-sm{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon-sm .material-icons{font-size:14px;color:var(--text2)}.btn-icon-sm.in{border-color:#00897b40}.btn-icon-sm.in:hover{background:var(--success-bg)}.btn-icon-sm.in .material-icons{color:var(--success)}.btn-icon-sm.out{border-color:#c6282840}.btn-icon-sm.out:hover{background:var(--danger-bg)}.btn-icon-sm.out .material-icons{color:var(--danger)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#00695c}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface2)}.section-header-flex{display:flex;align-items:center;justify-content:space-between}.form-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text1);margin-bottom:6px}.form-section-title .material-icons{font-size:18px;color:var(--primary-light)}.form-section-hint{font-size:13px;color:var(--text3);margin-bottom:20px;line-height:1.6}.form-actions{margin-top:20px;display:flex;gap:8px}.summary-box{background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 16px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:3px 0}.summary-row strong{font-family:var(--mono)}.summary-row.secondary{color:var(--text3);font-size:12px}.product-info-bar{display:flex;gap:20px;flex-wrap:wrap;background:var(--primary-pale);border-radius:var(--radius-sm);padding:10px 14px;font-size:12px;color:var(--primary-light)}.master-detail{display:flex;min-height:560px}.master-panel{width:300px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column}.detail-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.master-search{padding:12px;border-bottom:1px solid var(--border);background:var(--surface2)}.master-list{overflow-y:auto;flex:1}.master-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.master-row:hover{background:var(--surface2)}.master-row.selected{background:var(--primary-pale);border-left:3px solid var(--primary-light);padding-left:11px}.master-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--surface2)}.master-row-name{font-size:13px;font-weight:500;color:var(--text1)}.master-row-sub{font-size:11px;color:var(--text3);margin-top:1px}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;color:var(--text3);text-align:center}.detail-empty .material-icons{font-size:56px;opacity:.15;margin-bottom:12px}.detail-header{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.detail-header img{width:52px;height:52px;border-radius:10px;object-fit:cover;flex-shrink:0}.detail-scroll{flex:1;overflow-y:auto;padding:20px}.toggle-row{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-info{flex:1}.toggle-name{font-size:13px;font-weight:500;color:var(--text1)}.toggle-desc{font-size:12px;color:var(--text3);margin-top:2px}.toggle-switch{width:42px;height:22px;border-radius:50px;border:none;cursor:pointer;background:var(--border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 3px center;background-size:16px 16px;transition:background-color .2s,background-position .15s;appearance:none;flex-shrink:0}.toggle-switch:checked{background-color:var(--primary-light);background-position:right 3px center}.toggle-switch:disabled{opacity:.4;cursor:not-allowed}.store-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.store-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000002e;border-color:var(--primary-light)}.store-card-cover{height:140px;position:relative;overflow:hidden;background:var(--surface2)}.store-card-cover img{transition:transform .3s ease}.store-card:hover .store-card-cover img{transform:scale(1.04)}.store-card-badge{position:absolute;top:10px;right:10px}.store-card-body{padding:14px 16px;flex:1}.store-card-name{font-weight:700;font-size:14px;color:var(--text1);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-card-desc{font-size:12px;color:var(--text3);line-height:1.5}.store-card-footer{padding:10px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:4px;background:var(--surface2);transition:background .15s}.store-card:hover .store-card-footer{background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.module-toggle-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s,background .15s}.module-toggle-card.enabled{border-color:color-mix(in srgb,var(--primary-light) 40%,transparent);background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.module-icon-wrap{width:38px;height:38px;border-radius:10px;background:var(--surface2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.module-icon-wrap .material-icons{font-size:18px;color:var(--text3);transition:color .15s}.module-icon-wrap.on{background:var(--primary)}.module-icon-wrap.on .material-icons{color:#fff}.store-profile-hero{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:28px;background:var(--surface);border:1px solid var(--border)}.store-profile-cover{height:200px;background-size:cover;background-position:center;background-color:var(--surface2);position:relative}.store-profile-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000014,#000000a6)}.store-profile-info{display:flex;align-items:flex-end;gap:20px;padding:0 28px 24px;margin-top:-48px;position:relative}.store-profile-avatar{width:88px;height:88px;border-radius:14px;border:3px solid var(--surface);overflow:hidden;flex-shrink:0;background:var(--surface2);box-shadow:0 4px 16px #00000040}.store-profile-avatar img{width:100%;height:100%;object-fit:cover}.store-profile-meta{flex:1;min-width:0;padding-bottom:2px}.store-profile-name{font-size:22px;font-weight:800;color:#fff;margin:0 0 8px;text-shadow:0 1px 4px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-profile-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.store-profile-desc{font-size:13px;color:#ffffffbf;margin:0;line-height:1.5;max-width:600px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-edit-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.store-image-preview{width:100%;aspect-ratio:16 / 9;border-radius:calc(var(--radius) - 2px);overflow:hidden;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.store-category-preview{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius)}@media(max-width:800px){.store-edit-layout{grid-template-columns:1fr}.store-profile-info{flex-direction:column;align-items:flex-start;margin-top:-36px}.store-profile-avatar{width:72px;height:72px}.store-profile-name{font-size:18px}}.cat-chip{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s,background .15s}.cat-chip:hover{border-color:var(--primary-light);background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.cat-chip-icon{width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.cat-chip-icon .material-icons{font-size:16px;color:var(--primary-light)}.cat-chip-body{flex:1;min-width:0}.cat-chip-name{font-weight:600;font-size:12px;color:var(--text1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-chip-count{font-size:11px;color:var(--text3);margin-top:1px}.cat-chip-actions{display:flex;gap:2px;flex-shrink:0}