:root{--black:#090909;--ink:#16130c;--gold:#d7b33b;--gold2:#f2d46c;--paper:#f7f4ed;--white:#fff;--line:#ded7c7;--muted:#766f62;--green:#147a43;--red:#b42318;--blue:#155eef;--shadow:0 18px 45px rgba(0,0,0,.08)}*{box-sizing:border-box}html{font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}a{color:#7b5b00;text-decoration:none}button,.btn{font:inherit}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:var(--black);color:#fff;padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;flex-direction:column;letter-spacing:.16em}.brand b{font-size:24px}.brand span{font-size:10px;color:var(--gold);font-weight:800;letter-spacing:.24em;margin-top:6px}.role{color:#a8a093;font-size:12px;margin:28px 0 12px;padding-top:18px;border-top:1px solid #2d2a24;text-transform:uppercase;letter-spacing:.12em}nav{display:flex;flex-direction:column;gap:3px}nav a{color:#ddd6c8;padding:10px 11px;border-radius:5px;font-size:14px;display:flex;gap:9px;align-items:center}nav a:hover,nav a.active{background:var(--gold);color:#090909;font-weight:700}.nav-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.logout{margin-top:auto}.logout button{width:100%;background:none;color:#fff;border:1px solid #423c31;padding:11px;border-radius:4px;cursor:pointer}.workspace{min-width:0}.workspace>header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:5}.workspace header small,.user small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.user{text-align:right}.menu{display:none;background:none;border:0;font-size:22px}.workspace>main{padding:32px;max-width:1500px;margin:auto}.hero{background:linear-gradient(120deg,#090909,#28200d);color:#fff;padding:38px;border-top:4px solid var(--gold);box-shadow:var(--shadow)}.hero h1,.page-head h1{font-size:34px;margin:8px 0}.hero p,.page-head p{color:#8a8171;margin:0}.hero p{color:#d5cebf}.eyebrow{font-size:10px;color:#a87b00;letter-spacing:.18em;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.stat-grid article{background:#fff;border:1px solid var(--line);padding:22px}.stat-grid strong{display:block;font-size:28px;color:#9c7400}.stat-grid span{font-size:12px;color:var(--muted)}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:1fr 1fr}.panel{background:#fff;border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.025);margin-bottom:20px}.panel-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:18px;margin:0}.panel-body{padding:20px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.page-head h1{margin:0}.actions,.inline,.inline-form{display:flex;gap:10px;align-items:end}.btn,button{border:0;background:#15130f;color:#fff;padding:11px 16px;border-radius:3px;cursor:pointer;font-weight:700;display:inline-block}.btn.gold,button.gold{background:var(--gold);color:#080808}.btn.big{font-size:16px;padding:14px 24px;margin-bottom:30px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#494339;margin-bottom:14px}input,select,textarea{width:100%;border:1px solid #cfc6b4;background:#fff;padding:11px;font:14px Arial,sans-serif;color:#111;border-radius:2px}textarea{min-height:86px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.form-grid .wide{grid-column:1/-1}.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.checks label,.check{flex-direction:row;align-items:center;text-transform:none;letter-spacing:0}.checks input,.check input{width:auto}fieldset{border:1px solid var(--line);margin:18px 0;padding:15px}legend{font-weight:800}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#f0ece3;text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:10px;color:#625b4f}th,td{padding:12px 14px;border-bottom:1px solid #e7e1d6;vertical-align:top}td small,td b{display:block}td small{color:var(--muted);margin-top:5px}.badge,.status{display:inline-block;background:#eee9dd;padding:5px 8px;border-radius:20px;font-size:10px;text-transform:uppercase;font-weight:800}.status.active,.status.paid,.status.verified,.status.approved,.status.completed,.status.accepted{background:#dcfce7;color:#166534}.status.pending,.status.partial,.status.sent,.status.assigned,.status.in_progress,.status.reviewing,.status.quoted{background:#fef3c7;color:#92400e}.status.suspended,.status.blocked,.status.cancelled,.status.rejected,.status.overdue,.status.urgent{background:#fee2e2;color:#991b1b}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions a{background:#111;color:#fff;padding:18px;border-left:3px solid var(--gold)}.feed{padding:10px 0;border-bottom:1px solid var(--line)}.feed b,.feed span{display:block}.feed span{color:var(--muted);font-size:12px;margin-top:4px}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.catalog article{background:#fff;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:10px}.catalog h3,.catalog p{margin:0}.catalog p{color:var(--muted);min-height:52px}.catalog small{color:var(--muted)}.line-table input,.line-table textarea{min-width:100px}.line-table td:first-child input{min-width:200px}.line-table td:nth-child(2) textarea{min-width:260px}.remove-line{background:#eee;color:#a00;padding:8px}.document{background:#fff;padding:44px;max-width:1050px;margin:0 auto 25px;box-shadow:var(--shadow);border-top:5px solid var(--gold)}.document>header{display:flex;justify-content:space-between;align-items:start;border-bottom:2px solid #111;padding-bottom:25px}.document>header h1{font-size:34px;letter-spacing:.1em;margin:0}.doc-grid{display:grid;grid-template-columns:1.3fr 1.3fr .7fr;gap:25px;padding:28px 0}.doc-grid small{display:block;color:#9a7400;font-size:9px;letter-spacing:.14em;font-weight:800;margin:10px 0 5px}.doc-grid h3,.doc-grid p{margin:0 0 8px}.totals{display:grid;grid-template-columns:1fr 380px;gap:30px;margin-top:20px}.totals dl,.panel dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.totals dt,.totals dd,.panel dt,.panel dd{padding:8px;border-bottom:1px solid var(--line);margin:0}.totals dd{text-align:right}.document footer{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#111;color:#fff;padding:22px;margin-top:30px}.document footer p,.document footer small{color:#d4ccbc}.task-grid,.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.task-top{display:flex;justify-content:space-between}.task dl{display:grid;grid-template-columns:110px 1fr}.task dt,.task dd{margin:0;padding:5px;border-bottom:1px solid var(--line)}.attendance-now{display:flex;align-items:center;justify-content:space-between}.attendance-now form{display:flex;gap:10px}.message{border-left:3px solid var(--gold);padding:10px 15px;margin-bottom:15px;background:#faf8f3}.message.internal{border-color:#d97706;background:#fff7ed}.message small{display:block;color:var(--muted)}.feedback,.security-note{background:#fff7d6;border-left:4px solid var(--gold);padding:15px;margin-top:15px}.security-note code{display:block;padding:10px;background:#111;color:#fff;margin:8px 0}.company-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:15px}.company-tabs a{white-space:nowrap;background:#eee8db;padding:10px}.company-tabs a.active{background:#111;color:#fff}.alert{padding:13px 16px;margin-bottom:20px;background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.muted{color:var(--muted)}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,#3b2d0b,#090909 55%);padding:20px}.auth-card{background:#fff;width:min(440px,100%);padding:36px;border-top:4px solid var(--gold);box-shadow:0 30px 70px #000}.auth-card h1{font-size:28px;margin:28px 0 8px}.auth-card>p{color:var(--muted)}.auth-card button{background:var(--gold);color:#111;width:100%}.auth-link{text-align:center;font-size:13px}.auth-card .brand b{color:#111}.auth-card .brand span{color:#9a7400}
@media(max-width:1000px){.app{grid-template-columns:1fr}aside{position:fixed;z-index:20;left:-270px;width:250px;transition:.2s}.menu-open aside{left:0}.menu{display:block}.workspace>header{padding:0 16px}.workspace>main{padding:18px}.stat-grid{grid-template-columns:1fr 1fr}.grid.two,.task-grid,.report-grid{grid-template-columns:1fr}.catalog{grid-template-columns:1fr 1fr}.checks{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.stat-grid,.catalog,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.doc-grid,.totals,.document footer{grid-template-columns:1fr}.document{padding:18px}.workspace>header .user{display:none}.attendance-now{align-items:flex-start;flex-direction:column}.attendance-now form{width:100%;flex-direction:column}.checks{grid-template-columns:1fr}}
.nav-section{display:block;color:#d7b33b;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:16px 10px 5px}
.invoice-brand{display:flex;align-items:center;gap:14px;max-width:55%}.invoice-logo{width:105px;height:62px;object-fit:contain;object-position:left center}.invoice-brand div{display:flex;flex-direction:column;gap:5px}.invoice-brand b{font-size:12px;line-height:1.3}.invoice-brand span{font-size:9px;color:#8b6a08;text-transform:uppercase;letter-spacing:.08em}@media print{aside,.workspace>header,.no-print,.alert{display:none!important}.app{display:block}.workspace>main{padding:0}.document{box-shadow:none;margin:0;max-width:none}.invoice-logo{width:92px;height:54px}.document footer{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{background:#fff}}