.sticky-top{align-self:start;position:sticky;top:5rem}div,p,span{font-size:.8rem}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;height:100vh;position:fixed;top:0;transition:var(--transition);width:var(--sidebar-width);z-index:1000}.sidebar h2{font-size:20px;margin-bottom:30px}.sidebar ul{list-style:none}.sidebar ul li{margin-bottom:8px}.sidebar ul li a{border-radius:8px;color:#fff;display:block;padding:12px;text-decoration:none;transition:var(--transition)}.nav-item.active,.nav-item:hover{background:#00ff880d;color:var(--primary)}.nav-item:hover{background:#00ff8814;color:var(--primary)}.nav-item{align-items:center;border-radius:8px;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:500;margin-bottom:4px;text-decoration:none;transition:var(--transition)}.nav-item i{font-size:1.1rem;font-style:normal;margin-right:12px}.side-header{border-bottom:.3rem solid hsla(0,0%,100%,.2);display:flex;flex-direction:column;flex-shrink:0;position:sticky}.side-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 20px}.nav-title{color:#ff6464;margin-top:1rem}.side-footer{border-top:.3rem solid hsla(0,0%,100%,.1);flex-shrink:0;padding:.8rem;width:100%}.logo{border-bottom:1px solid var(--border);color:var(--primary);font-weight:700;height:70px;padding:0 20px;white-space:nowrap}.nav{display:flex;flex-direction:column;gap:10px;padding:20px}.logo-area{align-items:center;border-bottom:1px solid var(--border);color:var(--primary);display:flex;font-size:1.2rem;font-weight:800;height:var(--header-height);letter-spacing:-.5px;padding:0 24px}.nav-links{flex-grow:1;padding:20px 12px}.n-profile{border-radius:8px;color:var(--text-white);flex-direction:row;font-size:.7rem;font-weight:500;margin-bottom:1rem;margin-top:1rem;text-decoration:none;transition:var(--transition)}.n-profile,.n-profile .img{align-items:center;display:flex}.n-profile .img{background:var(--primary);border-radius:50%;color:#fff;font-size:2rem;font-weight:700;height:4rem;justify-content:center;margin:0 1rem;width:4rem}.app-shell{bottom:0;display:block;margin:0!important;overflow-x:hidden;padding:0!important;position:fixed;top:0;width:100%}.topnav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050607cc;border-bottom:1px solid var(--border);display:flex;flex-direction:row-reverse;height:70px;justify-content:space-between;left:0;padding:0 12px;position:sticky;right:0;top:0;width:100%;z-index:1000}.search{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;padding:10px 14px;width:300px}.profile{align-items:center;display:flex;gap:12px}.info{text-align:right}.name{font-size:14px;font-weight:600}.role{color:var(--muted);font-size:12px}.profile .avatar{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;margin-bottom:0;margin-top:0;width:40px}.avatar,.profile .avatar{background:var(--primary);border-radius:50%}:root{--bg:#050607;--surface:#0b0f0c;--card:rgba(17,24,20,.6);--primary:#0f8;--danger:#ff4d4d;--warning:#fa0;--blue:#0096ff;--text:#e6f1ff;--muted:#8aa0a6;--border:rgba(0,255,136,.12);--radius:12px;--transition:.25s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}.text{color:var(--text)!important}.text-muted{color:var(--muted)!important}.text-primary{color:var(--primary)!important}.text-blue{color:#0866ff!important}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-UPDATE{color:var(--warning)!important}.text-CREATE{color:var(--primary)!important}.text-DELETE{color:var(--danger)!important}.card-blue{border-left-color:var(--blue)!important}.card-blue,.card-red{box-shadow:inset 5px 0 15px #ff4d4d1a}.card-red{border-left-color:var(--danger)!important}.card-green{border-left-color:var(--primary)!important}.card-green,.card-yellow{box-shadow:inset 5px 0 15px #ff4d4d1a}.card-yellow{border-left-color:var(--warning)!important}.grid{align-items:start;display:grid;gap:24px}.grid-2,.grid-3{align-items:start}.grid-4{align-items:start;grid-template-columns:repeat(4,1fr)}.grid-2-1{align-items:start;grid-template-columns:2fr 1fr}.grid-1-2{align-items:start;grid-template-columns:1fr 2fr}.grid-auto-200{align-items:start;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-250{align-items:start;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-300{align-items:start;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.p-8{padding:40px}.w-full{width:100%}.h-full{height:100%}.w-25{width:25%}.w-75{width:75%}.card{background:var(--card);padding:16px}.card,.glass{border:1px solid var(--border);border-radius:var(--radius)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11181480}.transition{transition:var(--transition)}.hover-scale:hover{transform:scale(1.02)}.hidden{display:none}.block{display:block}.inline{display:inline}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px;max-width:900px;width:100%}.filters input,.filters select{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:#fff;min-width:150px;outline:none;padding:12px;transition:var(--transition)}.filters input:focus,.filters select:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.filters input[type=date]{color:#555}.filters button{background-color:#0866ff;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:.2s}.filters button:hover{background-color:#0056e0}@media(max-width:768px){.filters{align-items:stretch;flex-direction:column}.filters button,.filters input,.filters select{width:100%}}.alert{align-items:center;animation:fadeIn 2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;bottom:1rem;display:flex;font-size:.85rem;font-weight:600;gap:10px;margin-bottom:12px;padding:12px 16px;position:fixed;right:1rem;z-index:10000}.alert.error{background:#ff4d4d1a;border:1px solid rgba(255,77,77,.4);box-shadow:0 0 10px #ff4d4d33;color:#ff4d4d}.alert.success{background:#00ff881a;border:1px solid rgba(0,255,136,.4);box-shadow:0 0 10px #0f83;color:#0f8}.alert:before{font-size:1rem}.alert.error:before{content:"⚠️"}.alert.success:before{content:"✔️"}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.alert .close{cursor:pointer;margin-left:auto;opacity:.7}.alert .close:hover{opacity:1}.logo{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:800;gap:10px;letter-spacing:1px}.logo img{border-radius:10px;box-shadow:0 0 12px #00ff884d;height:38px;-o-object-fit:cover;object-fit:cover;width:38px}.logo{background:linear-gradient(90deg,#0f8,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-name{color:#000;-webkit-text-fill-color:#fff;font-weight:600;opacity:.9}.logo:hover img{transform:scale(1.08);transition:.3s ease}.logo:hover{filter:brightness(1.2);transition:.3s ease}:root{--bg-deep:#050607;--bg-surface:#0b0f0c;--bg-card:rgba(17,24,20,.6);--primary:#0f8;--primary-glow:rgba(0,255,136,.3);--primary-dark:#00c46a;--text-main:#e6f1ff;--text-muted:#8aa0a6;--border-hover:rgba(0,255,136,.3);--danger:#ff4d4d;--warning:#fa0;--blue:#0096ff;--sidebar-width:240px;--sidebar-collapsed:70px;--header-height:70px;--transition:.3s cubic-bezier(.4,0,.2,1);--bg:#050607;--surface:#0b0f0c;--card:rgba(17,24,20,.6);--text:#e6f1ff;--muted:#8aa0a6;--border:rgba(0,255,136,.12)}body,html{max-width:100%;overflow-x:hidden;width:100%}*,:after,:before,body,html{-webkit-user-select:none;-moz-user-select:none;user-select:none}*,:after,:before{box-sizing:border-box;min-width:0}body{background:var(--bg-deep);color:var(--text-main);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{cursor:pointer}.main-content{flex:1;margin-left:var(--sidebar-width);padding:1rem;transition:var(--transition);width:calc(100% - var(--sidebar-width))}.search-container input{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:#fff;outline:none;padding:10px 16px;width:300px}.profile-area{align-items:center;display:flex;gap:20px}.content-padding{margin:0 auto;padding:.5rem}.page-section{display:block;margin-bottom:2rem}.section-header{margin-bottom:24px}.section-header h2{background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;font-size:1.5rem;font-weight:700;-webkit-text-fill-color:transparent}.kpi-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.kpi-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:var(--transition)}.kpi-card:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.kpi-card .label{color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase}.kpi-card .value{font-size:2rem;font-weight:700;margin-top:8px}.kpi-card{text-decoration:none!important}.link{all:unset;color:var(--primary);text-decoration:none!important;text-decoration-color:transparent;text-underline-offset:unset}.link,.pointer{cursor:pointer}.hover-danger{background:#ff000080!important;color:#000}small{font-size:.7rem}.kpi-card a{text-decoration:underline!important}.glass-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;height:auto!important;overflow:hidden;width:auto}.glass-panel .image{border:1px solid var(--border);border-radius:20px}.glass-panel .image,.glass-panel .image img{background:var(--bg-card);height:120px!important;overflow:hidden}.glass-panel .image img{border:1px solid var(--border);border-radius:12px}table{border-collapse:collapse;text-align:left;width:100%}th{background:#ffffff05;color:var(--text-muted);font-size:.8rem;letter-spacing:1px;text-transform:uppercase}td,th{border-bottom:1px solid var(--border);padding:16px 24px}td{font-size:.7rem}tr:hover td{background:#00ff8808}.pill{border-radius:100px;display:inline-block;font-size:.7rem;font-weight:700;max-width:100px;padding:4px 12px;width:auto!important}.pill-running,.pill-success{background:#00ff881a;border:1px solid var(--primary);color:var(--primary)}.pill-down{background:#ff4d4d1a;border:1px solid var(--danger);box-shadow:0 0 20px var(--danger);color:var(--danger)}.pill-warning{background:#ffaa001a;border:1px solid var(--warning);box-shadow:0 0 20px #ffaa00b3;color:var(--warning)}.pill-info{background:#3b82f61a;border:1px solid #3b82f6;color:#3b82f6}.pill-muted{background:#7878781a;border:1px solid #9ca3af;color:#9ca3af}.pill-pending{background:#a855f71a;border:1px solid #a855f7;color:#a855f7}.pill-hold{background:#facc151a;border:1px solid #facc15;color:#facc15}.pill-critical{background:#dc262626;border:1px solid #dc2626;box-shadow:0 0 20px #dc2626b6;color:#dc2626}.pill-completed{background:#22c55e26;border:1px solid #22c55e;color:#22c55e}.pill-critical{box-shadow:0 0 20px #dc2626bd}.pill-running{box-shadow:0 0 6px #00ff884d}.pill-success{box-shadow:0 0 20px #00ff88ba}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);display:block;font-size:.7rem;margin-bottom:8px}.form-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:#fff;outline:none;padding:12px;transition:var(--transition);width:100%}.form-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:8px;justify-content:center;padding:5px 12px;text-decoration:none;transition:var(--transition);white-space:nowrap;width:auto}.btn-grow{flex:1 1 auto;width:100%}.btn-block{display:flex;width:100%}.btn-primary{background:var(--primary);color:var(--bg-deep)}.btn-primary:hover{box-shadow:0 0 20px var(--primary);transform:scale(1.02)}.btn-warning{background:var(--warning);color:var(--bg-deep)}.btn-warning:hover{box-shadow:0 0 20px var(--warning);transform:scale(1.02)}.btn-danger{background:var(--danger);color:var(--bg-deep)}.btn-danger:hover{box-shadow:0 0 20px var(--danger);transform:scale(1.02)}.btn-blue{background:var(--blue);color:var(--bg-deep)}.btn-blue:hover{box-shadow:0 0 20px var(--blue);transform:scale(1.02)}.order-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.order-card{border-left:4px solid var(--primary);cursor:pointer}.order-card.priority-high{border-left-color:var(--danger);box-shadow:inset 5px 0 15px #ff4d4d1a}.chart-mockup{align-items:flex-end;display:flex;gap:10px;height:150px;padding-top:20px}.chart-bar{background:var(--primary);border-radius:4px 4px 0 0;flex:1;opacity:.3;transition:var(--transition)}.chart-bar:hover{cursor:pointer;opacity:1}@media(max-width:1024px){.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);width:var(--sidebar-collapsed)}.side-content{display:flex;justify-content:center;min-height:0;padding:0}.logo-area b{display:none}.main-content{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.nav-item{align-items:center;border-radius:8px;color:var(--text-muted);display:flex;font-size:.7rem;font-weight:500;text-decoration:none;transition:var(--transition)}.nav-item .i,.nav-item i{margin-right:0}.logo{align-items:center;border-bottom:1px solid var(--border);color:var(--primary);display:flex;font-weight:700;height:70px;padding:0 5px;white-space:nowrap}.n-profile .img{font-size:1.2rem;font-weight:700;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem}.n-profile .data{display:none}.n-profile{align-items:center;display:flex;justify-content:center}}@media(max-width:768px){.topbar{padding:0 16px}.search-container{display:none}.kpi-grid{grid-template-columns:1fr}}.activity-list{font-size:.7rem;list-style:none}.activity-item{border-left:2px solid;margin-bottom:12px;padding-left:10px}.activity-item small{color:var(--text-muted)}.activity-success{border-color:var(--primary)}.activity-danger{border-color:var(--danger)}.activity-UPDATE{border-color:var(--warning)}.activity-CREATE{border-color:var(--primary)}.activity-DELETE{border-color:var(--danger)}.flex-between{align-items:center;display:flex;justify-content:space-between}.meta{margin:8px 0}.meta,.muted{font-size:.7rem}.muted{color:var(--text-muted)}.text{color:var(--text)}.text-muted{color:var(--muted)}.bg{background:var(--bg)}.bg-surface{background:var(--surface)}.bg-card{background:var(--card)}.bg-primary{background:var(--primary)}.bg-danger{background:var(--danger)}.bg-warning{background:var(--warning)}.border{border:1px solid var(--border)}.border-none{border:none}.rounded{border-radius:6px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:999px}.shadow-sm{box-shadow:0 2px 8px #0003}.shadow{box-shadow:0 6px 20px #0000004d}.shadow-glow{box-shadow:0 0 20px #00ff8840}.hover-scale:hover{transform:scale(1.02);transition:.2s}.flex{display:flex}.inline-flex{display:inline-flex}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.progress-container{background:#1a1a1a;border-radius:10px;height:6px;margin-top:8px;overflow:hidden;width:100%}.progress-fill{background:var(--primary);border-radius:10px;box-shadow:0 0 10px var(--primary);height:100%;transition:width .3s ease}.w-0{width:0}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w{width:var(--w)}.danger{background:var(--danger)!important;box-shadow:0 0 10px var(--danger)!important}.warning{background:var(--warning)!important;box-shadow:0 0 10px var(--warning)!important}.text-primary{color:var(--primary)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.grid{display:grid;gap:24px}.grid-1{grid-template-columns:1fr}.grid-2-1-1{grid-template-columns:2fr 1fr 1fr}.grid-1-2-1{grid-template-columns:1fr 2fr 1fr}.grid-1-1-2{grid-template-columns:1fr 1fr 2fr}.grid-auto-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gap-sm{gap:12px}.gap-md{gap:24px}.gap-lg{gap:32px}.gap-xl{gap:40px}.items-start{align-items:start}.items-center{align-items:center}.items-end{align-items:end}.justify-start{justify-items:start}.justify-center{justify-items:center}.justify-end{justify-items:end}@media(max-width:768px){.grid{gap:16px}}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.m-6{margin:24px}.m-7{margin:32px}.m-8{margin:40px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-7{margin-top:32px}.mt-8{margin-top:40px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-7{margin-bottom:32px}.mb-8{margin-bottom:40px}.ms-0{margin-left:0}.ms-1{margin-left:4px}.ms-2{margin-left:8px}.ms-3{margin-left:12px}.ms-4{margin-left:16px}.ms-5{margin-left:20px}.me-0{margin-right:0}.me-1{margin-right:4px}.me-2{margin-right:8px}.me-3{margin-right:12px}.me-4{margin-right:16px}.me-5{margin-right:20px}.mx-auto{margin-left:auto;margin-right:auto}.mx-1{margin-left:4px;margin-right:4px}.mx-2{margin-left:8px;margin-right:8px}.mx-3{margin-left:12px;margin-right:12px}.mx-4{margin-left:16px;margin-right:16px}.my-1{margin-bottom:4px;margin-top:4px}.my-2{margin-bottom:8px;margin-top:8px}.my-3{margin-bottom:12px;margin-top:12px}.my-4{margin-bottom:16px;margin-top:16px}.my-5{margin-bottom:20px;margin-top:20px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-7{padding:32px}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:12px}.pt-4{padding-top:16px}.pt-5{padding-top:20px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.pb-4{padding-bottom:16px}.pb-5{padding-bottom:20px}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.py-1{padding-bottom:4px;padding-top:4px}.py-2{padding-bottom:8px;padding-top:8px}.py-3{padding-bottom:12px;padding-top:12px}.py-4{padding-bottom:16px;padding-top:16px}.py-5{padding-bottom:20px;padding-top:20px}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.topbar{padding:0 32px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2-1{grid-template-columns:2fr 1fr}.grid-1-2{grid-template-columns:1fr 2fr}.grid-3-1{grid-template-columns:3fr 1fr}.grid-1-3{grid-template-columns:1fr 3fr}.search-container input{width:300px}.content-padding{padding:24px}.order-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}table td,table th{padding:16px 24px}@media screen and (max-width:1024px){.sticky-top{position:relative}.main-content{margin-left:0!important;max-width:100vw;overflow-x:hidden;width:100%!important}.content{margin-bottom:10rem}.content-padding{overflow-x:hidden;padding:12px;width:100%}.glass-panel{margin-left:0!important;margin-right:0!important;max-width:100%;overflow-x:auto;width:100%}.grid-1-1-2,.grid-1-2,.grid-1-2-1,.grid-1-3,.grid-2,.grid-2-1,.grid-2-1-1,.grid-3,.grid-3-1,.grid-4,.kpi-grid,.order-grid{grid-template-columns:1fr!important;width:100%}.grid-sm{display:grid!important;gap:14px!important}.grid-1-sm{grid-template-columns:1fr!important}.grid-2-sm{grid-template-columns:repeat(2,1fr)!important}.grid-3-sm{grid-template-columns:repeat(3,1fr)!important}.grid-4-sm{grid-template-columns:repeat(4,1fr)!important}.grid-2-1-sm{grid-template-columns:2fr 1fr!important}.grid-1-2-sm{grid-template-columns:1fr 2fr!important}.grid-3-1-sm{grid-template-columns:3fr 1fr!important}.grid-1-3-sm{grid-template-columns:1fr 3fr!important}.grid-2-1-1-sm{grid-template-columns:2fr 1fr 1fr!important}.grid-1-2-1-sm{grid-template-columns:1fr 2fr 1fr!important}.grid-1-1-2-sm{grid-template-columns:1fr 1fr 2fr!important}.grid-auto-200-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.grid-auto-250-sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.grid-auto-300-sm{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}.flex,.flex-between{flex-wrap:wrap}.btn{max-width:auto;padding:.8rem}img{height:auto}img,input,select,textarea{max-width:100%}.search-container input{width:100%}h1,h2,h3,h4,h5,h6,p,small,span,td,th{overflow-wrap:break-word;word-break:break-word}}@media screen and (max-width:768px){body,html{font-size:14px;overflow-x:hidden;width:100%}*{max-width:100%}.app-shell{display:block;position:fixed;top:0;width:100%}.app-shell,.main-content{margin:0!important;overflow-x:hidden;padding:0!important}.main-content{margin-bottom:7rem;margin-top:7rem;padding-bottom:7rem;padding-top:7rem;width:100%!important}@media(max-width:768px){:root{--mobile-sidebar-height:0}.nav-name{color:#fff;display:block!important;-webkit-text-fill-color:#fff;font-weight:600;opacity:.9}.sidebar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#6e96780f;border-right:none;border-top:1px solid var(--border);bottom:0;flex-direction:column;height:var(--mobile-sidebar-height);justify-content:center;left:1rem;overflow:hidden;padding:2rem 1rem 4rem;position:fixed;right:1rem;top:auto;width:calc(100% - 2rem);z-index:1000}.n-profile,.side-header{display:none!important}.side-content{overflow:auto;padding:0}.side-content,.sidebar-nav,.sidebar-nav ul{height:100%;width:100%}.sidebar-nav ul{align-items:center;display:flex;flex-direction:column;margin:0;padding:0}.sidebar-nav ul li{flex:1;margin:0;width:100%}.nav-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.nav-item .i{font-size:1.2rem;margin:0}.nav-item.router-link-active,.nav-item:hover{background:#00ff8814;color:var(--primary)}.nav-item .nav-name{display:inline-flex!important;font-size:1rem;overflow:hidden;padding:0 1.5rem 0 0!important;text-align:center;text-overflow:ellipsis;white-space:nowrap}}.topnav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050607cc;border-bottom:1px solid var(--border);display:flex;flex-direction:row-reverse;height:70px;height:60px;justify-content:space-between;left:0;padding:0 12px;position:sticky;right:0;top:0;width:100%;z-index:1000}.search-container{display:none}.profile-area{gap:10px}.content-padding{padding:12px}.page-section{overflow:hidden;width:100%}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:1.8rem;line-height:1.4}.grid,.grid-1-1-2,.grid-1-2,.grid-1-2-1,.grid-1-3,.grid-2-1,.grid-2-1-1,.grid-3-1{gap:14px;grid-template-columns:1fr!important}.grid-auto-200,.grid-auto-250,.grid-auto-300{align-items:start;grid-template-columns:1fr}.grid{align-items:start!important;display:grid;gap:24px}.grid-1{grid-template-columns:1fr!important}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{align-items:start!important}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2-1,.grid-4{align-items:start!important}.grid-2-1{grid-template-columns:2fr 1fr}.grid-1-2{align-items:start!important;grid-template-columns:1fr 2fr}.gap-sm{gap:5px}.gap-md{gap:12px}.gap-lg{gap:18px}.gap-xl{gap:22px}.kpi-grid{gap:14px;grid-template-columns:1fr}.kpi-card{border-radius:10px;padding:16px}.kpi-card .value{font-size:1.5rem}.kpi-card .label{font-size:.7rem}.glass-panel{border-radius:10px;margin-left:0;margin-right:0;overflow-x:auto;-webkit-overflow-scrolling:touch}th{font-size:.65rem}td,th{padding:10px;white-space:nowrap}td{font-size:.68rem}.btn{font-size:.75rem}.flex-between{align-items:stretch;flex-direction:column;gap:10px}.form-group{margin-bottom:14px}.form-input{font-size:16px;min-height:44px;padding:10px 12px}.glass-panel .image{height:auto!important}.glass-panel .image img{height:auto!important;-o-object-fit:cover;object-fit:cover;width:100%}.order-grid{gap:14px;grid-template-columns:1fr}.chart-mockup{gap:6px;height:100px}.pill{font-size:.62rem;padding:4px 8px;width:auto!important}.activity-item{font-size:.7rem;padding-left:8px}.p-6,.p-7{padding:16px}.m-7,.m-8{margin:20px}div,h1,h2,h3,h4,h5,h6,p,span{word-wrap:break-word;overflow-wrap:break-word}.flex{flex-wrap:wrap}iframe,img,video{height:auto;max-width:100%}.kpi-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:var(--transition)}.kpi-card:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.kpi-card .label{color:var(--text-muted);font-size:1rem;font-weight:600;text-transform:uppercase}.kpi-card .value{font-size:1rem;font-weight:700;margin-top:8px}.kpi-card{text-decoration:none!important}}