.sticky-top{position:sticky;top:5rem;align-self:start}div,p,span{font-size:.8rem}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;z-index:1000;transition:var(--transition);position:fixed;top:0;bottom:0}.sidebar h2{margin-bottom:30px;font-size:20px}.sidebar ul{list-style:none}.sidebar ul li{margin-bottom:8px}.sidebar ul li a{display:block;padding:12px;border-radius:8px;color:#fff;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{display:flex;align-items:center;margin-bottom:4px;border-radius:8px;color:var(--text-muted);text-decoration:none;transition:var(--transition);font-size:.9rem;font-weight:500}.nav-item i{margin-right:12px;font-style:normal;font-size:1.1rem}.side-header{position:sticky;display:flex;flex-direction:column;flex-shrink:0;border-bottom:.3rem solid hsla(0,0%,100%,.2)}.side-content{flex:1 1 auto;overflow-y:auto;padding:0 20px;min-height:0}.nav-title{color:#ff6464;margin-top:1rem}.side-footer{padding:.8rem;width:100%;flex-shrink:0;border-top:.3rem solid hsla(0,0%,100%,.1)}.logo{height:70px;padding:0 20px;font-weight:700;color:var(--primary);border-bottom:1px solid var(--border);white-space:nowrap}.nav{padding:20px;display:flex;flex-direction:column;gap:10px}.logo-area{height:var(--header-height);display:flex;align-items:center;padding:0 24px;font-weight:800;font-size:1.2rem;color:var(--primary);letter-spacing:-.5px;border-bottom:1px solid var(--border)}.nav-links{padding:20px 12px;flex-grow:1}.n-profile{flex-direction:row;margin-top:1rem;margin-bottom:1rem;border-radius:8px;color:var(--text-white);text-decoration:none;transition:var(--transition);font-size:.7rem;font-weight:500}.n-profile,.n-profile .img{display:flex;align-items:center}.n-profile .img{width:4rem;height:4rem;margin:0 1rem;border-radius:50%;font-size:2rem;font-weight:700;background:var(--primary);color:#fff;justify-content:center}.app-shell{display:block;width:100%;margin:0!important;padding:0!important;overflow-x:hidden;position:fixed;top:0;bottom:0}.topnav{height:70px;justify-content:space-between;align-items:center;background:#050607cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;right:0;left:0;top:0;z-index:1000;width:100%;padding:0 12px;display:flex;flex-direction:row-reverse}.search{width:300px;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none}.profile{display:flex;align-items:center;gap:12px}.info{text-align:right}.name{font-size:14px;font-weight:600}.role{font-size:12px;color:var(--muted)}.profile .avatar{width:40px;height:40px;margin-bottom:0;margin-top:0;font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.avatar,.profile .avatar{border-radius:50%;background:var(--primary)}: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}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);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{display:grid;gap:24px;align-items:start}.grid-2,.grid-3{align-items:start}.grid-4{grid-template-columns:repeat(4,1fr);align-items:start}.grid-2-1{grid-template-columns:2fr 1fr;align-items:start}.grid-1-2{grid-template-columns:1fr 2fr;align-items:start}.grid-auto-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start}.grid-auto-250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start}.grid-auto-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.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{background:#11181480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transition{transition:var(--transition)}.hover-scale:hover{transform:scale(1.02)}.hidden{display:none}.block{display:block}.inline{display:inline}.filters{width:100%;max-width:900px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.filters input,.filters select{min-width:150px;padding:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:#fff;outline:none;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;color:#fff;border:none;border-radius:50px;padding:12px 20px;font-weight:600;cursor:pointer;transition:.2s}.filters button:hover{background-color:#0056e0}@media(max-width:768px){.filters{flex-direction:column;align-items:stretch}.filters button,.filters input,.filters select{width:100%}}.alert{padding:12px 16px;border-radius:10px;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn 2s ease;position:fixed;bottom:1rem;right:1rem;z-index:10000}.alert.error{background:#ff4d4d1a;color:#ff4d4d;border:1px solid rgba(255,77,77,.4);box-shadow:0 0 10px #ff4d4d33}.alert.success{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.4);box-shadow:0 0 10px #0f83}.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{margin-left:auto;cursor:pointer;opacity:.7}.alert .close:hover{opacity:1}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;letter-spacing:1px;color:#fff}.logo img{width:38px;height:38px;border-radius:10px;-o-object-fit:cover;object-fit:cover;box-shadow:0 0 12px #00ff884d}.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}.input-error{border:1px solid #ff4d4f!important;box-shadow:0 0 5px #ff4d4f99,0 0 10px #ff4d4f66,0 0 20px #ff4d4f33;animation:redGlow 1s infinite alternate}@keyframes redGlow{0%{box-shadow:0 0 5px #ff4d4f4d,0 0 10px #ff4d4f33}to{box-shadow:0 0 10px #ff4d4fcc,0 0 20px #ff4d4f80,0 0 30px #ff4d4f4d}}.details-grid{display:grid;gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:13px;color:var(--text-muted);font-weight:600}.badge{padding:6px 12px;border-radius:10px;font-size:12px;width:-moz-fit-content;width:fit-content;font-weight:600}.badge-success{background:#00ff641a;color:#00b894}.badge-danger{background:#ff00001a;color:#ff4d4f}.badge-primary{background:#007bff1a;color:#3498db}table{width:100%;border-collapse:collapse}table .image-table{width:50px}table td,table th{padding:14px;text-align:left}table thead{border-bottom:1px solid hsla(0,0%,100%,.08)}table tbody tr{border-bottom:1px solid hsla(0,0%,100%,.04)}.showcase-section{padding:3rem 1rem}.slider-container{position:relative;overflow:hidden;border-radius:30px;margin-top:40px}.slider-track{display:flex;transition:transform .6s ease}.slide{min-width:100%;position:relative;height:550px}.slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:30px}.slide-overlay{position:absolute;inset:0;background:linear-gradient(#00000026,#000c);display:flex;flex-direction:column;justify-content:flex-end;padding:50px;color:#fff}.slide-overlay h2{font-size:3rem;margin-bottom:15px}.slide-overlay p{font-size:1.1rem;max-width:700px;opacity:.9}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:55px;height:55px;border:none;border-radius:50%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;color:#fff;font-size:1.5rem;cursor:pointer;transition:.3s;z-index:10}.slider-btn:hover{background:#ffffff59}.prev{left:25px}.next{right:25px}.slider-dots{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:12px}.slider-dots span{width:14px;height:14px;border-radius:50%;background:#fff6;cursor:pointer;transition:.3s}.slider-dots span.active{background:#fff;transform:scale(1.2)}@media(max-width:768px){.slide{height:350px}.slide-overlay{padding:25px}.slide-overlay h2{font-size:1.8rem}.slider-btn{width:45px;height:45px}}: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{width:100%;max-width:100%;overflow-x:hidden}*,: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{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-deep);color:var(--text-main);overflow-x:hidden;line-height:1.6}a{cursor:pointer}.main-content{padding:1rem;margin-left:var(--sidebar-width);flex:1;width:calc(100% - var(--sidebar-width));transition:var(--transition)}.search-container input{background:var(--bg-surface);border:1px solid var(--border);color:#fff;padding:10px 16px;border-radius:6px;width:300px;outline:none}.profile-area{display:flex;align-items:center;gap:20px}.content-padding{padding:.5rem;margin:0 auto}.page-section{margin-bottom:2rem;display:block}.section-header{margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);padding:24px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition);position:relative;overflow:hidden}.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;text-decoration:none!important;text-decoration-color:transparent;text-underline-offset:unset;color:var(--primary)}.link,.pointer{cursor:pointer}.hover-danger{color:#000;background:#ff000080!important}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;width:auto;overflow:hidden}.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{width:100%;border-collapse:collapse;text-align:left}th{background:#ffffff05;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px}td,th{padding:16px 24px;border-bottom:1px solid var(--border)}td{font-size:.7rem}tr:hover td{background:#00ff8808}.pill{max-width:100px;width:auto!important;padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:700;display:inline-block}.pill-running,.pill-success{background:#00ff881a;color:var(--primary);border:1px solid var(--primary)}.pill-down{background:#ff4d4d1a;color:var(--danger);border:1px solid var(--danger);box-shadow:0 0 20px var(--danger)}.pill-warning{background:#ffaa001a;color:var(--warning);border:1px solid var(--warning);box-shadow:0 0 20px #ffaa00b3}.pill-info{background:#3b82f61a;color:#3b82f6;border:1px solid #3b82f6}.pill-muted{background:#7878781a;color:#9ca3af;border:1px solid #9ca3af}.pill-pending{background:#a855f71a;color:#a855f7;border:1px solid #a855f7}.pill-hold{background:#facc151a;color:#facc15;border:1px solid #facc15}.pill-critical{background:#dc262626;color:#dc2626;border:1px solid #dc2626;box-shadow:0 0 20px #dc2626b6}.pill-completed{background:#22c55e26;color:#22c55e;border:1px solid #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{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.7rem}.form-input{width:100%;padding:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:#fff;outline:none;transition:var(--transition)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.btn{padding:5px 12px;width:auto;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;border:none;transition:var(--transition);display:inline-flex;align-items:center;text-decoration:none;justify-content:center;gap:8px;white-space:nowrap}.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;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.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{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:20px}.chart-bar{flex:1;background:var(--primary);opacity:.3;border-radius:4px 4px 0 0;transition:var(--transition)}.chart-bar:hover{opacity:1;cursor:pointer}@media(max-width:1024px){.sidebar{width:var(--sidebar-collapsed);background:var(--bg-surface);border-right:1px solid var(--border)}.side-content{display:flex;justify-content:center;padding:0;min-height:0}.logo-area b{display:none}.main-content{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.nav-item{display:flex;align-items:center;border-radius:8px;color:var(--text-muted);text-decoration:none;transition:var(--transition);font-size:.7rem;font-weight:500}.nav-item .i,.nav-item i{margin-right:0}.logo{height:70px;display:flex;align-items:center;padding:0 5px;font-weight:700;color:var(--primary);border-bottom:1px solid var(--border);white-space:nowrap}.n-profile .img{min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem;font-size:1.2rem;font-weight:700}.n-profile .data{display:none}.n-profile{display:flex;justify-content:center;align-items:center}}@media(max-width:768px){.topbar{padding:0 16px}.search-container{display:none}.kpi-grid{grid-template-columns:1fr}}.activity-list{list-style:none;font-size:.7rem}.activity-item{margin-bottom:12px;padding-left:10px;border-left:2px solid}.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{display:flex;justify-content:space-between;align-items:center}.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{width:100%;height:6px;background:#1a1a1a;border-radius:10px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:10px;box-shadow:0 0 10px var(--primary);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-top:4px;margin-bottom:4px}.my-2{margin-top:8px;margin-bottom:8px}.my-3{margin-top:12px;margin-bottom:12px}.my-4{margin-top:16px;margin-bottom:16px}.my-5{margin-top:20px;margin-bottom: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-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-5{padding-top:20px;padding-bottom: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;width:100%!important;max-width:100vw;overflow-x:hidden}.content{margin-bottom:10rem}.content-padding{padding:12px;width:100%;overflow-x:hidden}.glass-panel{margin-left:0!important;margin-right:0!important;width:100%;max-width:100%;overflow-x:auto}.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{width:100%;overflow-x:hidden;font-size:14px}*{max-width:100%}.app-shell{display:block;width:100%;position:fixed;top:0}.app-shell,.main-content{margin:0!important;padding:0!important;overflow-x:hidden}.main-content{width:100%!important;padding-top:7rem;margin-top:7rem;margin-bottom:7rem;padding-bottom:7rem}@media(max-width:768px){:root{--mobile-sidebar-height:0}.nav-name{display:block!important;color:#fff;-webkit-text-fill-color:#fff;font-weight:600;opacity:.9}.sidebar{position:fixed;left:1rem;right:1rem;bottom:0;top:auto;padding:2rem 1rem 4rem;width:calc(100% - 2rem);height:var(--mobile-sidebar-height);border-right:none;border-top:1px solid var(--border);background:#6e96780f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:1000}.n-profile,.side-header{display:none!important}.side-content{padding:0;overflow:auto}.side-content,.sidebar-nav,.sidebar-nav ul{width:100%;height:100%}.sidebar-nav ul{display:flex;flex-direction:column;align-items:center;padding:0;margin:0}.sidebar-nav ul li{width:100%;margin:0;flex:1}.nav-item{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.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;padding:0 1.5rem 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}}.topnav{height:70px;justify-content:space-between;align-items:center;background:#050607cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;right:0;left:0;top:0;z-index:1000;width:100%;padding:0 12px;height:60px;display:flex;flex-direction:row-reverse}.search-container{display:none}.profile-area{gap:10px}.content-padding{padding:12px}.page-section{width:100%;overflow:hidden}.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{grid-template-columns:1fr!important;gap:14px}.grid-auto-200,.grid-auto-250,.grid-auto-300{grid-template-columns:1fr;align-items:start}.grid{display:grid;gap:24px;align-items:start!important}.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{grid-template-columns:1fr 2fr;align-items:start!important}.gap-sm{gap:5px}.gap-md{gap:12px}.gap-lg{gap:18px}.gap-xl{gap:22px}.kpi-grid{grid-template-columns:1fr;gap:14px}.kpi-card{padding:16px;border-radius:10px}.kpi-card .value{font-size:1.5rem}.kpi-card .label{font-size:.7rem}.glass-panel{margin-left:0;margin-right:0;border-radius:10px;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{flex-direction:column;align-items:stretch;gap:10px}.form-group{margin-bottom:14px}.form-input{min-height:44px;font-size:16px;padding:10px 12px}.glass-panel .image{height:auto!important}.glass-panel .image img{width:100%;height:auto!important;-o-object-fit:cover;object-fit:cover}.order-grid{grid-template-columns:1fr;gap:14px}.chart-mockup{height:100px;gap:6px}.pill{width:auto!important;font-size:.62rem;padding:4px 8px}.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{max-width:100%;height:auto}.kpi-card{background:var(--bg-card);border:1px solid var(--border);padding:24px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition);position:relative;overflow:hidden}.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}}