:root,[data-theme=light]{--color-bg: #f8f9ff;--color-surface: #ffffff;--color-surface-low: #eff4ff;--color-surface-container: #e5eeff;--color-surface-high: #dce9ff;--color-primary: #0058be;--color-primary-hover: #004a9e;--color-primary-container: #2170e4;--color-on-primary: #ffffff;--color-text: #0b1c30;--color-text-muted: #45464d;--color-border: #e2e8f0;--color-outline: #c6c6cd;--color-input-bg: #ffffff;--color-input-border: #e2e8f0;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-success-border: #dcfce7;--color-warning: #c2410c;--color-warning-bg: #fff7ed;--color-warning-border: #ffedd5;--color-error: #ba1a1a;--color-error-bg: #ffdad6;--color-info: #7e22ce;--color-info-bg: #f3e8ff;--color-info-border: #e9d5ff;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .05);--shadow-md: 0 4px 6px 0 rgb(15 23 42 / .05);--shadow-lg: 0 12px 32px 0 rgb(15 23 42 / .12);--shadow-glow: none;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-theme=dark]{--color-bg: #0b1c30;--color-surface: #131b2e;--color-surface-low: #182540;--color-surface-container: #213145;--color-surface-high: #2a3c58;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-container: #2170e4;--color-on-primary: #ffffff;--color-text: #eaf1ff;--color-text-muted: #9aa7c4;--color-border: #2a3c58;--color-outline: #3a4d6e;--color-input-bg: rgba(0, 0, 0, .2);--color-input-border: #2a3c58;--color-success: #4ade80;--color-success-bg: rgba(34, 197, 94, .12);--color-success-border: rgba(34, 197, 94, .3);--color-warning: #fb923c;--color-warning-bg: rgba(249, 115, 22, .12);--color-warning-border: rgba(249, 115, 22, .3);--color-error: #f87171;--color-error-bg: rgba(186, 26, 26, .25);--color-info: #c084fc;--color-info-bg: rgba(126, 34, 206, .2);--color-info-border: rgba(126, 34, 206, .35);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px 0 rgb(0 0 0 / .3);--shadow-lg: 0 12px 32px 0 rgb(0 0 0 / .45)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .3s ease,color .3s ease}button{cursor:pointer;border:none;background:none;font-family:inherit}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;display:inline-block;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.mono{font-family:var(--font-mono);font-size:14px;font-weight:500;line-height:20px;letter-spacing:0}.app-container{display:flex;min-height:100vh}.sidebar{width:256px;background-color:var(--color-surface-low);border-right:1px solid var(--color-border);padding:16px;display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease;z-index:10}.sidebar .logo{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--color-outline)}.sidebar .logo-tile{width:40px;height:40px;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface-container);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .logo-tile img{width:100%;height:100%;object-fit:cover}.sidebar .logo-name{font-size:20px;font-weight:600;line-height:28px;color:var(--color-primary);letter-spacing:-.01em}.sidebar .logo-sub{font-size:14px;color:var(--color-text-muted)}.sidebar .sidebar-cta{width:100%;margin-bottom:16px}.sidebar nav ul{list-style:none;padding:0;margin:0;flex:1}.sidebar nav li{display:flex;align-items:center;gap:12px;padding:8px 16px;margin-bottom:8px;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.05em;text-transform:uppercase}.sidebar nav li:hover{background-color:var(--color-surface-high);color:var(--color-text)}.sidebar nav li.active{background-color:var(--color-primary-container);color:#fefcff}.sidebar nav li.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sidebar .sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--color-outline)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:border-color .2s ease}.card:hover{border-color:var(--color-outline)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;letter-spacing:.01em;transition:opacity .15s ease,background-color .15s ease,transform .1s ease}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-surface-low)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:var(--color-text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;box-sizing:border-box;min-height:44px;padding:10px 16px;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--color-text);font-weight:600;letter-spacing:-.01em}h2{font-size:1.75rem;margin-bottom:1.5rem}.main-content{flex:1;min-width:0;padding:32px;background-color:var(--color-bg);overflow-y:auto;overflow-x:hidden}.main-content>*{max-width:1280px;margin-left:auto;margin-right:auto}table{width:100%;border-collapse:separate;border-spacing:0}th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}td{padding:16px;height:56px;vertical-align:middle;border-bottom:1px solid var(--color-border);color:var(--color-text);word-break:break-word}.table-wrapper{overflow-x:auto;width:100%}tr:last-child td{border-bottom:none}tbody tr{transition:background-color .15s ease}tbody tr:hover{background-color:var(--color-surface-low)}.chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;line-height:16px;letter-spacing:.05em;border:1px solid transparent}.chip-success{background-color:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.chip-warning{background-color:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.chip-info{background-color:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-border)}.chip-neutral{background-color:var(--color-surface-container);color:var(--color-text-muted);border-color:var(--color-border)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:32px}.page-header h1{font-size:32px;font-weight:600;line-height:40px;letter-spacing:-.01em;margin:0}.page-header .page-subtitle{color:var(--color-text-muted);margin:8px 0 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.product-card{position:relative;overflow:hidden;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;display:flex;flex-direction:column;transition:border-color .2s ease}.product-card:hover{border-color:var(--color-primary)}.product-card:before{content:"";position:absolute;top:-64px;right:-64px;width:128px;height:128px;border-radius:0 0 0 9999px;background-color:var(--color-primary);opacity:.05;transition:transform .2s ease;pointer-events:none}.product-card:hover:before{transform:scale(1.1)}.product-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative;z-index:1}.product-icon{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--color-surface-container);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.product-icon .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.product-card-body{flex:1;position:relative;z-index:1}.product-card-body h3{font-size:24px;font-weight:600;line-height:32px;margin:0 0 4px}.product-card-body .product-desc{font-size:14px;line-height:20px;color:var(--color-text-muted);margin:0 0 16px;min-height:40px}.product-price{font-family:var(--font-mono);font-size:24px;font-weight:500;color:var(--color-text);margin-bottom:24px}.product-card-footer{border-top:1px solid var(--color-outline);padding-top:16px;display:flex;gap:8px;position:relative;z-index:1}.product-card-footer .btn{flex:1;min-height:40px;padding:8px 12px;font-size:14px}.btn-tinted{background-color:var(--color-surface-low);color:var(--color-primary);font-weight:500}.btn-tinted:hover{background-color:var(--color-surface-container)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid var(--color-outline)}.stat-card{background-color:var(--color-surface);padding:16px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.stat-card .stat-label{font-size:12px;font-weight:700;line-height:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 4px}.stat-card .stat-value{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--color-text);margin:0}.items-list>div{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;align-items:end;margin-bottom:1rem}.items-list>div:last-child{margin-bottom:0}@media(max-width:640px){.items-list>div{grid-template-columns:1fr}.page-header h1{font-size:24px;line-height:32px}}.invoice-preview .card{position:relative;overflow:hidden}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;max-width:500px;opacity:.08;pointer-events:none;z-index:0}.watermark img{width:100%;height:auto;display:block}@media print{@page{size:A4;margin:15mm}body{margin:0;padding:0}.no-print,.sidebar{display:none!important}.main-content{padding:0;margin:0}.card{border:none;box-shadow:none;padding:0;page-break-inside:avoid}.invoice-preview{max-width:100%}.watermark{opacity:.06}table{page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}