:root{--ink: #0a0a0a;--paper: #f4f1eb;--dim: #888;--accent: #b8860b;--accent2: #2a4a6b;--red: #8b1a1a;--green: #1a5c3a;--rule: rgba(0,0,0,.12);--serif: "Playfair Display", "Times New Roman", serif;--body: "EB Garamond", Georgia, serif;--mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.75;min-height:100vh}a{color:var(--accent2)}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:56px;border-bottom:1px solid var(--rule);background:#f4f1ebf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.app-nav-logo{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none}.app-nav-logo span{color:var(--accent)}.app-nav-links{display:flex;gap:24px;list-style:none}.app-nav-links a{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;opacity:.65}.app-nav-links a:hover{opacity:1}.app-main{max-width:960px;margin:0 auto;padding:48px 24px 80px}.app-card{background:#fff;border:1px solid var(--rule);padding:36px;margin-bottom:24px}.app-card h1,.app-card h2{font-family:var(--serif);font-weight:700;margin-bottom:8px}.app-card h1{font-size:32px}.app-card h2{font-size:22px;margin-top:24px}.app-muted{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.form-grid{display:grid;gap:20px;margin-top:24px}.form-row label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.form-row input,.form-row select,.form-row textarea{width:100%;font-family:var(--body);font-size:16px;padding:12px 14px;border:1px solid var(--rule);background:var(--paper);color:var(--ink)}.form-row textarea{min-height:100px;resize:vertical}.form-toggle{display:flex;align-items:center;gap:12px;font-family:var(--body);font-size:16px}.form-toggle input{width:auto}.team-fields{display:none;border-top:1px solid var(--rule);padding-top:20px;margin-top:8px}.team-fields.visible{display:grid;gap:20px}.btn{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:14px 28px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{background:var(--accent2);border-color:var(--accent2)}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--paper)}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.profile-header{display:flex;gap:24px;align-items:center;margin-bottom:24px}.profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--rule)}.profile-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:20px}.profile-meta dt{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.profile-meta dd{font-size:16px;margin:0}.plan-badge{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--accent);color:var(--accent)}.invoice-list{list-style:none;margin-top:16px}.invoice-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--rule);gap:16px}.invoice-item a{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:8px 14px;border:1px solid var(--accent2);color:var(--accent2);white-space:nowrap}.invoice-item a:hover{background:var(--accent2);color:#fff}.status-paid{color:var(--green)}.status-unpaid,.status-open{color:var(--red)}.alert{padding:14px 18px;border:1px solid var(--rule);margin-bottom:20px;font-size:15px}.alert-error{border-color:var(--red);color:var(--red)}.alert-success{border-color:var(--green);color:var(--green)}.hidden{display:none!important}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{border:1px solid var(--rule);padding:24px;background:#fff}.stat-num{font-family:var(--serif);font-size:36px;font-weight:900;line-height:1;margin-bottom:6px}.bar-chart{margin-top:16px}.bar-row{display:grid;grid-template-columns:100px 1fr 40px;gap:12px;align-items:center;margin-bottom:10px;font-size:14px}.bar-track{height:8px;background:var(--rule);overflow:hidden}.bar-fill{height:100%;background:var(--accent2)}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table th,.users-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--rule)}.users-table th{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.users-table tr{cursor:pointer}.users-table tr:hover{background:#00000008}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal-overlay.hidden{display:none}.modal{background:var(--paper);border:1px solid var(--rule);max-width:560px;width:100%;max-height:80vh;overflow-y:auto;padding:32px}.modal-close{float:right;background:none;border:none;font-size:24px;cursor:pointer;color:var(--dim)}@media(max-width:700px){.app-nav{padding:0 20px}.profile-meta{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}}
