:root{--bg: #f8fafc;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--surface: #ffffff;--text: #1e293b;--text-light: #64748b;--muted: #94a3b8;--border: #e2e8f0;--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #eef2ff;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--primary-hover);text-decoration:none}.navbar{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:4px;padding:16px 32px;flex-wrap:wrap}.navbar a{color:var(--text-light);padding:10px 16px;border-radius:10px;font-weight:500;font-size:14px;transition:all .2s ease;white-space:nowrap}.navbar a:hover{background:var(--primary-light);color:var(--primary);transform:translateY(-1px)}.container{max-width:1400px;margin:0 auto;padding:32px 32px 48px;width:100%}.grid{display:grid;gap:24px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid,.row,.card{min-width:0;max-width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:24px;transition:all .3s ease}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card h2,.card h3,.card h4{margin-top:0;margin-bottom:16px;color:var(--text);font-weight:600}.input,.select{padding:12px 16px;border:2px solid var(--border);border-radius:12px;background:var(--surface);width:100%;max-width:400px;font-size:14px;transition:all .2s ease;font-family:inherit}.input:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input:disabled,.select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.row>*{min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;font-family:inherit;white-space:nowrap}.btn:hover{background:#f8fafc;border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn[disabled]:hover{transform:none;box-shadow:none}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.table-wrap,.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table th,.table td{padding:16px 20px;border-bottom:1px solid var(--border);text-align:left}.table thead th{background:#f8fafc;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background:#f8fafc}.table tr:last-child td{border-bottom:none}.section{margin-bottom:24px}.section-title{color:var(--text);font-size:12px;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invoice{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow)}label{display:block;font-weight:500;margin-bottom:6px;color:var(--text);font-size:14px}form .row{margin-bottom:20px}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:600;line-height:1.3}h1{font-size:32px;margin-bottom:8px}h2{font-size:24px;margin-bottom:16px}h3{font-size:20px;margin-bottom:12px}h4{font-size:16px;margin-bottom:8px}.row-highlight{animation:rowHighlight 2.5s ease forwards}@keyframes rowHighlight{0%{background-color:#10b98138}60%{background-color:#10b9811f}to{background-color:transparent}}.success-icon-anim{color:var(--success);animation:popIn .7s ease}@keyframes popIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;background:#02061780;display:flex;align-items:center;justify-content:center;z-index:100000}.modal-content{background:var(--surface);border-radius:12px;padding:20px 20px 24px;box-shadow:var(--shadow-lg);max-width:680px;width:90%;max-height:90vh;overflow-y:auto;margin:16px;position:relative}.modal-close{position:absolute;right:12px;top:10px;background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text-light)}.modal-close:hover{color:var(--text)}