@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#111827;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);min-height:100vh;display:block}.app-shell{display:block}.hidden{display:none!important}.auth-screen{background:radial-gradient(circle at 0 0,#2563eb29,#0000 30%),linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:min(440px,100%);padding:32px;box-shadow:0 24px 60px #0f172a1f}.auth-brand{align-items:center;gap:14px;margin-bottom:20px;display:flex}.auth-brand img{object-fit:contain;background:#fff;border:1px solid #dbeafe;border-radius:18px;width:64px;height:64px;padding:8px}.auth-brand h1{color:#111827;font-size:22px;font-weight:800}.auth-brand p,.auth-copy,.auth-hint{color:#64748b;font-size:14px;line-height:1.6}.auth-card h2{color:#111827;margin-bottom:8px;font-size:28px;font-weight:700}.auth-form{margin-top:20px}.auth-error{color:#dc2626;min-height:20px;margin:10px 0 16px;font-size:14px;font-weight:600}.auth-submit{width:100%;margin-top:4px}.auth-resend{width:100%;margin-top:12px}.topbar-actions{align-items:center;gap:16px;display:flex}.btn-danger.small,.btn-success.small,.btn-primary.small,.btn-secondary.small{border-radius:10px;min-height:auto;padding:8px 12px}.loading-screen{background:radial-gradient(circle at 0 0,#2563eb2e,#0000 28%),linear-gradient(135deg,#eef7ff 0%,#f9fcff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loading-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #2563eb1f;border-radius:28px;width:min(520px,100%);padding:34px 32px;box-shadow:0 32px 72px #2563eb1f}.loading-spinner{border:10px solid #2563eb2e;border-top-color:#2563eb;border-radius:50%;width:84px;height:84px;margin:0 auto 24px;animation:1.2s linear infinite spin}.loading-copy h2{color:#0f172a;margin-bottom:12px;font-size:28px;font-weight:800}.loading-copy p{color:#475569;font-size:15px;line-height:1.8}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{color:#f8fafc;background:#111827;border-right:1px solid #ffffff14;width:280px;min-height:100vh;position:fixed;top:0;left:0;overflow-y:auto}.logo-section{text-align:center;border-bottom:1px solid #ffffff14;padding:28px 24px}.logo-section img{object-fit:contain;background:#fff;border-radius:22px;width:84px;height:84px;padding:10px}.logo-section h2{margin-top:14px;font-size:20px;font-weight:700}.logo-section p{color:#cbd5e1;margin-top:4px;font-size:13px}.sidebar ul{padding:18px 12px;list-style:none}.sidebar ul li{cursor:pointer;border-radius:14px;align-items:center;gap:14px;margin-bottom:10px;padding:14px 18px;transition:all .25s;display:flex}.sidebar ul li:hover{background:#ffffff14}.sidebar ul li.active{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 12px 28px #2563eb29}.sidebar ul li i{color:#e2e8f0;width:20px}.sidebar ul li span{color:#e2e8f0;font-weight:600}.main-content{width:calc(100% - 280px);margin-left:280px;padding:32px}.topbar{background:#fff;border:1px solid #e5e7eb;border-radius:24px;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding:28px 32px;display:flex;box-shadow:0 20px 50px #0f172a14}.topbar h1{color:#111827;letter-spacing:-.02em;font-size:32px;font-weight:700}.topbar p{color:#6b7280;max-width:520px;margin-top:10px;font-size:15px;line-height:1.7}.company-info{color:#2563eb;letter-spacing:.01em;font-weight:600}.page{display:none}.active-page{display:block}.page h2{color:#111827;margin-bottom:20px;font-size:28px;font-weight:700}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:28px;display:grid}.card{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:26px;box-shadow:0 20px 45px #0f172a0f}.card h3{color:#4b5563;margin-bottom:12px;font-size:14px;font-weight:600}.card p{color:#111827;font-size:32px;font-weight:700}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-header h2{color:#111827;font-size:28px;font-weight:700}.section-header button{align-self:flex-start;min-height:52px}.form-container,form{background:#fff;border:1px solid #eef2f7;border-radius:20px;margin-bottom:24px;padding:32px;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 40px #00000014}.form-container:hover{transform:translateY(-2px);box-shadow:0 16px 45px #0000001a}.form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:24px;display:grid}input,select,textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;height:52px;padding:0 16px;font-size:15px;transition:all .2s}textarea{resize:vertical;min-height:120px;padding:16px}input::placeholder,textarea::placeholder,select option[disabled]{color:#9ca3af}input:hover,select:hover,textarea:hover{border-color:#3b82f6}input:focus,select:focus,textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}input[readonly],textarea[readonly],select[readonly]{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;font-weight:600}#invoiceAmountInWords,#invoiceAmountInWords:focus{grid-column:1/span 2}.btn-primary,.btn-success,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:12px;height:52px;padding:0 24px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb40}.btn-primary:active{transform:scale(.98)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 10px 25px #05966940}.btn-success:active{transform:scale(.98)}.btn-secondary{color:#fff;background:#475569}.btn-secondary:hover{background:#334155;transform:translateY(-2px)}.btn-secondary,.btn-secondary.small,.btn-primary.small,.btn-success.small,.btn-danger.small{color:#fff;cursor:pointer;background:#475569;border:none;border-radius:12px;padding:10px 14px;transition:all .2s}.btn-secondary:hover,.btn-primary.small:hover,.btn-success.small:hover,.btn-danger.small:hover{background:#334155;transform:translateY(-1px)}.btn-primary.small{background:#2563eb}.btn-success.small{background:#10b981}.btn-danger.small{background:#ef4444}.btn-primary.small:hover{background:#1d4ed8}.btn-success.small:hover{background:#059669}.btn-danger.small:hover,.btn-danger:hover{background:#dc2626}table{border-collapse:separate;border-spacing:0 12px;background:0 0;width:100%}table thead{color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8)}table th,table td{text-align:left;border:none;padding:18px 20px;font-size:15px}table tbody tr{background:#fff;border-radius:16px;box-shadow:0 12px 30px #0f172a0f}table tbody tr:hover{transform:translateY(-1px)}table tbody tr td:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}table tbody tr td:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper table{width:min(100%,1200px)}.dashboard-table{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:28px;box-shadow:0 18px 40px #0f172a0f}.dashboard-table h3{color:#111827;margin-bottom:18px;font-size:18px;font-weight:700}.settings-box{background:#fff;border:1px solid #eef2f7;border-radius:20px;padding:28px;box-shadow:0 18px 40px #0f172a0f}.settings-box label{color:#374151;margin-top:10px;margin-bottom:10px;font-weight:600;display:block}.search-box{width:100%;max-width:350px;margin-bottom:15px}.search-box input{width:100%}.modal{z-index:999;background:#0f172a66;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:700px;padding:28px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e5e7eb}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:10px}@media print{.sidebar,.topbar,button{display:none!important}.main-content{width:100%;margin:0;padding:0}body{background:#fff}.terms,.terms h3,.terms ol,.terms li{font-size:10px!important;line-height:1.2!important}.terms h3{margin-bottom:.4rem}.terms ol{margin:0;padding-left:1.2rem}}@media (max-width:992px){.main-content{width:100%;margin-left:0;padding:20px}.sidebar{border-right:none;width:100%;position:relative}.topbar{flex-direction:column;align-items:flex-start}.grid,#invoices .grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.section-header button{width:100%}}@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:10px}.cards,.grid{grid-template-columns:1fr}table{display:block;overflow-x:auto}}@media (max-width:576px){.sidebar{width:70px;position:fixed}.main-content{width:calc(100% - 70px);margin-left:70px;padding:15px}.topbar h1{font-size:20px}.card p{font-size:22px}}action-vertical{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.action-vertical .btn-primary.small,.action-vertical .btn-danger.small{width:110px}