:root{--bg-dark: #0a0b10;--bg-panel: rgba(18, 20, 30, .7);--bg-panel-solid: #12141e;--border-color: rgba(255, 255, 255, .08);--border-focus: #e21c21;--accent-color: #d61518;--accent-hover: #b51013;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-inverse: #111827;--glow-shadow: 0 0 15px rgba(214, 21, 24, .35);--radius-lg: 16px;--radius-md: 8px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--print-bg: #ffffff;--print-text: #1a1a1a;--print-text-muted: #555555;--print-border: #d1d5db;--print-accent: #000000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;min-height:100vh;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;background-image:radial-gradient(at 10% 20%,rgba(214,21,24,.08) 0px,transparent 50%),radial-gradient(at 90% 10%,rgba(45,27,105,.2) 0px,transparent 50%),radial-gradient(at 50% 80%,rgba(10,11,16,1) 0px,transparent 80%)}header.app-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;background-color:#0a0b10b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100}header.app-header h1{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:8px}header.app-header .header-brand-logo{height:28px;width:auto}header.app-header nav{display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--glow-shadow)}.btn-secondary{background-color:#ffffff0d;color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff3}.btn-danger{background-color:#ef444426;color:#f87171;border-color:#ef444433}.btn-danger:hover{background-color:#ef44444d;border-color:#ef444480}.btn-accent-outline{background-color:transparent;color:var(--text-main);border-color:var(--accent-color)}.btn-accent-outline:hover{background-color:#d615181a;box-shadow:var(--glow-shadow)}.workspace{display:flex;flex:1;height:calc(100vh - 73px);overflow:hidden}.sidebar{width:260px;background-color:#12141e66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:12px;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;cursor:pointer;transition:all var(--transition-fast)}.sidebar-item:hover,.sidebar-item.active{color:#fff;background-color:#ffffff0d}.sidebar-item.active{border-left:3px solid var(--accent-color);background-color:#d615180d}.main-content{flex:1;padding:2rem;overflow-y:auto}.glass-panel{background-color:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 10px 30px #0000004d}.login-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-dark);background-image:radial-gradient(circle at center,rgba(214,21,24,.12) 0%,transparent 60%)}.login-card{width:100%;max-width:440px;padding:2.5rem}.login-logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.login-logo-container h2{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800;margin-top:1rem;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;font-family:inherit;font-size:.95rem;transition:all var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--border-focus);background-color:#ffffff0f;box-shadow:0 0 0 2px #d6151833}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.data-table-container{overflow-x:auto;margin-top:1.5rem}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:1rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-size:.875rem}.data-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.95rem}.data-table tbody tr:hover{background-color:#ffffff05}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-draft{background-color:#f59e0b26;color:#fbbf24}.badge-completed{background-color:#10b98126;color:#34d399}.editor-layout{display:flex;gap:2rem;height:100%}.editor-form-panel{flex:1.2;overflow-y:auto;padding-right:.5rem}.editor-preview-panel{flex:1;background-color:#0f111a66;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.print-paper-wrapper{background:var(--print-bg);color:var(--print-text);width:794px;min-height:1123px;padding:40px 50px;box-shadow:0 10px 25px #00000080;position:relative;display:flex;flex-direction:column;justify-content:space-between;font-family:Inter,sans-serif;border-radius:4px;transform-origin:top center}.print-header{display:flex;justify-content:space-between;border-bottom:2px solid var(--print-accent);padding-bottom:20px;margin-bottom:25px}.print-header-left{display:flex;flex-direction:column;gap:8px}.print-logo-svg{height:60px;width:auto}.print-header-left h3{font-size:10px;font-weight:500;color:var(--print-text-muted);letter-spacing:.5px}.print-header-right{text-align:right;display:flex;flex-direction:column;justify-content:center}.print-header-right h2{font-family:Outfit,sans-serif;font-size:26px;font-weight:800;text-transform:uppercase;color:var(--print-accent);letter-spacing:-.5px}.print-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background-color:#f9fafb;border:1px solid var(--print-border);padding:12px 18px;border-radius:6px;margin-bottom:30px}.print-meta-item{display:flex;flex-direction:column;gap:4px}.print-meta-label{font-size:9px;text-transform:uppercase;font-weight:600;color:var(--print-text-muted)}.print-meta-value{font-size:13px;font-weight:700;color:var(--print-text)}.print-address-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px}.print-address-box{display:flex;flex-direction:column}.print-address-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--print-text-muted);border-bottom:1px solid var(--print-border);padding-bottom:6px;margin-bottom:10px;letter-spacing:.5px}.print-address-detail{font-size:12px;font-weight:600;line-height:1.4;white-space:pre-line}.print-table{width:100%;border-collapse:collapse;margin-bottom:25px}.print-table th{background-color:#f3f4f6;border-top:1px solid var(--print-border);border-bottom:1px solid var(--print-border);padding:8px 10px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--print-text-muted)}.print-table td{padding:10px;border-bottom:1px solid #e5e7eb;font-size:12px;vertical-align:top}.print-table tr:last-child td{border-bottom:1px solid var(--print-border)}.col-num{width:50px;text-align:left}.col-desc{text-align:left}.col-qty{width:60px;text-align:center}.col-price{width:100px;text-align:right}.col-amount{width:110px;text-align:right}.print-financials{display:flex;justify-content:flex-end;margin-bottom:30px}.print-totals-table{width:320px;border-collapse:collapse}.print-totals-table td{padding:6px 8px;font-size:12px}.print-totals-table tr.total-row td{border-top:1.5px solid var(--print-accent);border-bottom:1.5px solid var(--print-accent);font-size:14px;font-weight:800}.print-info-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-top:auto;border-top:1px solid var(--print-border);padding-top:20px;margin-bottom:30px}.print-info-box{display:flex;flex-direction:column;gap:12px}.print-info-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--print-accent);letter-spacing:.5px}.print-info-list{display:flex;flex-direction:column;gap:6px}.print-info-row{display:flex;font-size:11px;line-height:1.3}.print-info-label{width:110px;font-weight:600;color:var(--print-text-muted)}.print-info-val{flex:1;font-weight:600;white-space:pre-line}.print-footer{border-top:1px solid var(--print-border);padding-top:15px;text-align:center;font-size:10px;color:var(--print-text-muted);line-height:1.5}.print-footer-thanks{font-weight:700;margin-bottom:4px;color:var(--print-text);font-size:11px}.print-footer-brand-details{display:flex;justify-content:center;gap:15px;margin-top:6px;font-weight:500}.editor-items-section{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;background-color:#ffffff03;margin-bottom:1.5rem}.item-row-edit{display:grid;grid-template-columns:2fr .5fr 1fr .4fr;gap:1rem;align-items:end;margin-bottom:1rem}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;color:#fff}.alert-message{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem}.alert-error{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2)}.alert-success{background-color:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.2)}@media print{body,.app-container,.workspace,.main-content,.editor-layout,.editor-form-panel{background:transparent!important;background-image:none!important;padding:0!important;margin:0!important;overflow:visible!important;height:auto!important}header.app-header,.sidebar,.editor-preview-panel>*:not(.print-paper-wrapper),.btn,.no-print{display:none!important}.editor-preview-panel{border:none!important;padding:0!important;background:transparent!important;overflow:visible!important;width:100%!important;max-width:100%!important}.print-paper-wrapper{box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;transform:none!important;width:100%!important;min-height:100%!important}}