@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0c1a2b;--ink-muted:#5b6b85;--paper:#f3f1ee;--surface:#fff;--surface-alt:#f5f8ff;--line:#0c1a2b1f;--accent:#1463ff;--accent-2:#ff7a59;--accent-3:#16c2a3;--shadow:0 24px 50px #0c1a2b1f;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-display:"Sora","Zen Kaku Gothic New",sans-serif;--font-ui:"Zen Kaku Gothic New","Sora",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{font-family:var(--font-ui);color:var(--ink);background:radial-gradient(1200px 640px at 5% -20%,#1463ff29,transparent 60%),radial-gradient(900px 520px at 90% 5%,#ff7a592e,transparent 58%),radial-gradient(1000px 760px at 70% 100%,#16c2a32e,transparent 62%),var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{min-height:100vh;padding:48px 20px 64px;position:relative}.shell{gap:28px;max-width:1200px;margin:0 auto;display:grid}.topbar{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #0c1a2b0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 32px;display:flex}.brand{gap:8px;display:grid}.brand span{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(22px,3vw,34px);font-weight:700}.brand small{color:var(--ink-muted);font-size:14px}.status{color:var(--ink);background:linear-gradient(120deg,#1b5cff1f,#2bd1b42e);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.status-dot{background:var(--accent-3);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #2bd1b433}.tabs{flex-wrap:wrap;gap:12px;display:flex}.tab-button{background:var(--surface);color:var(--ink);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:transform .2s,box-shadow .2s,border .2s;display:inline-flex;box-shadow:0 10px 22px #0c1a2b1a}.tab-button:hover{border-color:#1b5cff4d;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(120deg,var(--ink),#1e3a5f);color:#fff;border-color:#0000}.content-grid{gap:24px;display:grid}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #0c1a2b14;padding:24px}.card h3{font-family:var(--font-display);margin-bottom:12px;font-size:18px}.card p{color:var(--ink-muted);line-height:1.6}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat{border-radius:var(--radius-md);background:var(--surface-alt);border:1px solid #1b5cff1f;gap:6px;padding:18px;display:grid}.stat span{color:var(--ink-muted);font-size:12px}.stat strong{font-size:20px;font-weight:700}.list{gap:12px;display:grid}.list-item{border-radius:var(--radius-sm);background:#ffffffeb;border:1px solid #0c1a2b14;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tag{color:var(--accent);background:#1463ff1f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.actions{flex-wrap:wrap;gap:12px;display:flex}.action{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.tab-icon{font-size:18px}.action.secondary{color:var(--ink);background:#fff;border:1px solid #0f172a26}.action:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a2e}.modal-backdrop{z-index:50;background:#0f172a73;justify-content:center;align-items:center;padding:24px;animation:.3s both fade-up;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-lg);width:min(820px,100%);max-height:min(80vh,720px);padding:28px;overflow:auto;box-shadow:0 30px 60px #0f172a33}.modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-list .list-item{background:#fff}.card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-grid{gap:16px;margin-top:20px;display:grid}.form-field{color:var(--ink);gap:8px;font-weight:600;display:grid}.form-field input,.form-field select{background:#fff;border:1px solid #0c1a2b29;border-radius:10px;padding:10px 12px;font-size:14px}.invoice-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.table-card{border-radius:var(--radius-md);background:#fff;border:1px solid #0c1a2b14;margin-top:16px;overflow:hidden}.invoice-table{border-collapse:collapse;width:100%;font-size:13px}.invoice-table th,.invoice-table td{text-align:left;border-bottom:1px solid #0c1a2b14;padding:10px 12px}.invoice-table th{background:#1463ff14;font-weight:600}.invoice-table input{background:#fff;border:1px solid #0c1a2b29;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.invoice-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.form-actions{flex-wrap:wrap;gap:12px;display:flex}.form-error{color:#b42318;font-size:13px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.feature-card{border-radius:var(--radius-md);background:#fff;border:1px solid #0c1a2b14;grid-template-columns:36px 1fr;align-items:start;gap:12px;padding:14px;display:grid}.feature-card strong{margin-bottom:4px;display:block}.feature-card p{color:var(--ink-muted);font-size:13px;line-height:1.5}.feature-icon{width:36px;height:36px;color:var(--accent);background:#1463ff1a;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.url-line{color:var(--ink-muted);word-break:break-all;margin-top:6px;font-size:12px}.auth-page{align-items:center;display:flex}.auth-shell{width:min(420px,100%);margin:0 auto}.login-header{text-align:center;margin-bottom:16px}.login-header h1{font-family:var(--font-display);margin-bottom:6px;font-size:20px}.login-header p{color:var(--ink-muted);font-size:13px}.qr-block{justify-content:center;margin:18px 0 8px;display:flex}.qr-block img{background:#fff;border:1px solid #0c1a2b14;border-radius:16px;width:220px;height:220px}.qr-fallback{width:220px;height:220px;color:var(--ink-muted);background:#fff;border:1px dashed #0c1a2b33;border-radius:16px;justify-content:center;align-items:center;font-size:13px;display:flex}.auth-actions{gap:12px;margin-top:16px;display:grid}.note{color:var(--ink-muted);font-size:13px}.fade-up{animation:.6s both fade-up}.stagger>*{animation:.7s both fade-up}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.12s}.stagger>:nth-child(3){animation-delay:.18s}.stagger>:nth-child(4){animation-delay:.24s}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.topbar{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.page{padding:28px 16px 48px}.tab-button{justify-content:center;width:100%}}