@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-main:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#334155;--radius:12px;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}main{animation:.18s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-container{width:100%;max-width:100vw;height:100vh;display:flex;overflow:clip}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;gap:8px;width:260px;min-width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar-logo{color:var(--primary);align-items:center;gap:8px;margin-bottom:32px;padding:0 16px;font-size:20px;font-weight:700;display:flex}.sidebar-logo span{color:var(--text-main)}.nav-item{border-radius:var(--radius);color:var(--text-muted);transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background-color:#3b82f61a}.main-content{scroll-behavior:smooth;flex:1;min-width:0;max-width:1600px;height:100vh;margin:0 auto;padding:40px 60px;overflow:hidden auto}h1{letter-spacing:-.5px;margin-bottom:8px;font-size:32px;font-weight:700}.subtitle{color:var(--text-muted);margin-bottom:32px;font-size:16px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition);padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.stat-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.stat-title{color:var(--text-muted);margin-bottom:12px;font-size:14px;font-weight:500}.stat-value{color:var(--text-main);font-size:32px;font-weight:700}.btn{background-color:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background-color:var(--primary-hover);transform:scale(1.02)}.glass{-webkit-backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff0d}.glass-card{border:1px solid var(--border);background:#1e293b;border-radius:24px;box-shadow:0 25px 50px -12px #00000080}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.input{border:1px solid var(--border);color:#fff;width:100%;transition:var(--transition);background:#ffffff08;border-radius:8px;outline:none;padding:12px 16px;font-size:14px}.input:focus{border-color:var(--primary);background:#3b82f60d;box-shadow:0 0 0 3px #3b82f626}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' 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");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}select.input option{color:#fff;background-color:#1e293b;padding:12px}.input::placeholder{color:#fff3}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}fieldset{min-width:0}.data-table-container{background-color:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-top:24px;overflow:clip}.data-table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.data-table-header h2{font-size:18px;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background-color:#ffffff05;padding:12px 24px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);padding:16px 24px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#ffffff05}.badge{text-transform:uppercase;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600}.badge-warning{color:var(--warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}.badge-info{color:var(--primary);background-color:#3b82f61a;border:1px solid #3b82f633}.badge-success{color:var(--success);background-color:#10b9811a;border:1px solid #10b98133}.badge-danger{color:var(--danger);background-color:#ef44441a;border:1px solid #ef444433}.quick-actions{gap:12px;margin-bottom:32px;display:flex}.action-btn{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-main);transition:var(--transition);flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.action-btn:hover{border-color:var(--primary);background-color:var(--bg-card-hover);transform:translateY(-2px)}.action-btn svg{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}@media (max-width:1024px){body{flex-direction:column}.sidebar{display:none}.main-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100dvh;padding:72px 16px 32px;overflow-y:auto;width:100%!important;min-width:0!important;max-width:100vw!important;overflow-x:hidden!important}.app-container{flex-direction:column;height:100dvh;overflow:clip;width:100%!important;max-width:100vw!important}.quick-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dashboard-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.stat-card{padding:16px!important}.stat-title{font-size:11px!important}div[style*=grid-template-columns][style*="minmax(200px, 1fr)"],div[style*=gridTemplateColumns][style*="minmax(200px, 1fr)"]{grid-template-columns:1fr 1fr!important;gap:12px!important}.action-link{border-radius:12px!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:68px!important;padding:12px!important;display:flex!important}.action-link div{align-items:center!important;margin-bottom:0!important;display:flex!important}.action-link svg{width:24px!important;height:24px!important}.action-link h3{text-align:left!important;margin:0!important;font-size:13px!important;line-height:1.2!important}.action-link p{display:none!important}div[style*=grid-template-columns]:not([style*=auto-fit]):not([style*=auto-fill]):not([style*="minmax(200px, 1fr)"]):not(.order-item-grid),div[style*=gridTemplateColumns]:not([style*=auto-fit]):not([style*=auto-fill]):not([style*="minmax(200px, 1fr)"]):not(.order-item-grid),form[style*=grid-template-columns]:not([style*=auto-fit]):not([style*=auto-fill]):not([style*="minmax(200px, 1fr)"]),form[style*=gridTemplateColumns]:not([style*=auto-fit]):not([style*=auto-fill]):not([style*="minmax(200px, 1fr)"]){grid-template-columns:1fr!important}div[style*="display: flex"][style*="margin-bottom: 24px"],div[style*=display\:flex][style*="marginBottom: '24px'"],div[style*="display: flex"][style*="marginBottom: '24px'"]{flex-direction:column!important;align-items:stretch!important;gap:12px!important}div[style*="display: flex"][style*="margin-bottom: 24px"]>button,div[style*=display\:flex][style*="marginBottom: '24px'"]>button{width:100%!important}div[style*="display: flex"]:not(.tab-switcher-container),div[style*=display\:flex]:not(.tab-switcher-container){flex-wrap:wrap!important}div[style*="display: flex"]>*,div[style*=display\:flex]>*{min-width:0!important}.tab-switcher-container{flex-direction:column!important;gap:8px!important}.tab-switcher-container>button{flex:none!important;width:100%!important}.order-item-grid{grid-template-columns:1fr 1fr 50px!important;gap:12px!important}.order-item-grid>:first-child{grid-column:span 3!important}.data-table-container,div[style*=overflow-x],div[style*=overflow-X],div[style*=overflowX],div[style*=overflow\:]{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto!important}.data-table,.data-table-container>table,div[style*=overflow-x]>table,div[style*=overflow-X]>table,div[style*=overflowX]>table,div[style*=overflow\:]>table{min-width:max-content!important}div[style*="position: fixed"][style*=z-index],div[style*=position\:fixed][style*=z-index]{align-items:flex-start!important;padding:16px!important;overflow-y:auto!important}div[style*="position: fixed"][style*=z-index]>div,div[style*=position\:fixed][style*=z-index]>div{width:100%!important;max-height:none!important;margin:40px auto!important}div[style*="justify-content: space-between"],div[style*=justify-content\:space-between]{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}div[style*="justify-content: space-between"]>div[style*="display: flex"],div[style*=justify-content\:space-between]>div[style*=display\:flex]{flex-wrap:wrap!important;width:100%!important}h1{font-size:22px!important}.stat-value{font-size:24px!important}.btn,.nav-item{min-height:44px}.mobile-hide{display:none!important}.dashboard-grid>:last-child:nth-child(odd){grid-column:span 2!important}.glass,section.glass,div.glass{width:100%!important;max-width:100%!important;overflow:hidden!important}.kpi-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.kpi-card{padding:12px 16px!important}.kpi-card>div:first-child{margin-bottom:4px!important;font-size:11px!important}.kpi-card>div:last-child{font-size:20px!important}}.order-details-grid{grid-template-columns:2.3fr 1fr;align-items:start;gap:32px;display:grid}@media (max-width:1024px){.order-details-grid{gap:24px;grid-template-columns:1fr!important}}.mobile-nav{background:var(--bg-card);border-top:1px solid var(--border);z-index:1000;-webkit-backdrop-filter:blur(10px);justify-content:space-around;padding:10px 0;display:none;position:fixed;bottom:0;left:0;right:0}@media (max-width:1024px){.mobile-nav{display:flex}}.mobile-nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item svg{width:20px;height:20px}.mobile-nav-item.active{color:var(--primary)}.filament-type-form{grid-template-columns:1.2fr 1fr 1fr 1.5fr!important}@media (max-width:1024px){.filament-type-form{grid-template-columns:1fr 1fr!important}.filament-type-form>div[style*="grid-column: span 4"],.filament-type-form>div[style*="gridColumn: 'span 4'"]{grid-column:span 2!important}}@media print{.no-print,.sidebar,.mobile-menu,.mobile-navbar,.mobile-menu-btn,.mobile-nav-container,button,.btn,a[href*=\/] svg,aside{display:none!important}html,body,.app-container,.main-content{color:#0f172a!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.main-content{border:none!important;margin:0!important;padding:0!important}}