:root{--color-bg: #0f111a;--color-surface: #1e2130;--color-primary: #7c3aed;--color-primary-hover: #6d28d9;--color-accent: #06b6d4;--color-accent-glow: rgba(6, 182, 212, .3);--color-text: #f9fafb;--color-text-muted: #9ca3af;--color-border: #374151;--color-input-bg: rgba(0, 0, 0, .2);--color-input-border: #374151;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glow: 0 0 15px var(--color-accent-glow);--font-sans: "Inter", system-ui, -apple-system, sans-serif}[data-theme=light]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-accent: #0ea5e9;--color-accent-glow: rgba(14, 165, 233, .3);--color-text: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-input-bg: #ffffff;--color-input-border: #cbd5e1;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-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}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:2rem;display:flex;flex-direction:column;transition:background-color .3s ease,border-color .3s ease;box-shadow:1px 0 10px #00000005;z-index:10}.sidebar .logo{font-size:1.5rem;font-weight:800;color:var(--color-primary);margin-bottom:3rem;letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav li{padding:.85rem 1rem;margin-bottom:.5rem;border-radius:8px;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;font-weight:500;display:flex;align-items:center;position:relative}.sidebar nav li:hover{background-color:var(--color-bg);color:var(--color-text)}.sidebar nav li.active{background-color:#8b5cf61a;color:var(--color-primary);font-weight:600}[data-theme=light] .sidebar nav li.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:3px;background-color:var(--color-primary);border-radius:0 4px 4px 0}.card{background-color:var(--color-surface);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;transition:all .2s ease;font-size:.95rem;letter-spacing:.01em}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #7c3aed4d}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed40}.btn-secondary{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-bg);border-color:var(--color-text-muted)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;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;padding:.75rem 1rem;background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:8px;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 3px #8b5cf626}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--color-text);font-weight:700;letter-spacing:-.02em}h2{font-size:1.75rem;margin-bottom:1.5rem}.main-content{flex:1;min-width:0;padding:2.5rem;background-color:var(--color-bg);overflow-y:auto;overflow-x:hidden}table{width:100%;border-collapse:separate;border-spacing:0}th{text-align:left;padding:1rem;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}td{padding:1rem;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%}.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}}tr:last-child td{border-bottom:none}tbody tr{transition:background-color .15s ease}tbody tr:hover{background-color:var(--color-bg)}.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}}