:root{--bg:#0b0d0c;--card:#151716;--card2:#1b1f1d;--line:#2b302d;--text:#f2f4f2;--muted:#929993;--lime:#d6f548;--blue:#69aaff;--amber:#ffb44c;--danger:#ff718f}*{box-sizing:border-box}html{font-size:20px}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.45 Arial,sans-serif}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#101211;border-right:1px solid var(--line);padding:25px 17px;display:flex;flex-direction:column}.logo{font-weight:900;font-size:1.35rem;letter-spacing:.15em}.logo span{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.16em;margin-top:5px}.sidebar nav{display:grid;gap:5px;margin-top:35px}.sidebar nav a{color:#abb1ac;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:.88rem}.sidebar nav a.active{background:#272c29;color:#fff;border-left:3px solid var(--lime)}.me{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:grid}.me b{font-size:.86rem}.me small{color:var(--muted);font-size:.72rem}.me a{color:var(--lime);font-size:.72rem;margin-top:9px}.app{margin-left:250px;min-height:100vh}.app>header{height:90px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;position:sticky;top:0;background:#0b0d0cee;backdrop-filter:blur(10px);z-index:10}.app header h1{margin:4px 0 0;font-size:1.45rem}.app header small{font-size:.7rem;color:var(--muted);letter-spacing:.12em}.primary,.secondary{border-radius:9px;padding:11px 16px;font-weight:bold;font-size:.82rem;cursor:pointer}.primary{background:var(--lime);border:1px solid var(--lime);color:#111}.secondary{background:var(--card2);border:1px solid var(--line);color:#eee}.content{padding:30px 36px 60px;max-width:1500px;margin:auto}.notice,.error,.success{padding:12px 15px;border-radius:9px;margin-bottom:15px;background:#69aaff18;border:1px solid #69aaff44;font-size:.82rem}.error{background:#ff718f18;border-color:#ff718f44}.success{background:#d6f54818;border-color:#d6f54844}.welcome{padding:28px;border:1px solid #33392e;border-radius:14px;background:radial-gradient(circle at 80% 30%,#d6f54822,transparent 35%),#141715}.welcome h2{font-size:1.65rem;margin:0 0 6px}.welcome p,.pagehead p{color:var(--muted);font-size:.84rem;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.stats article,.panel{background:var(--card);border:1px solid var(--line);border-radius:13px}.stats article{padding:20px}.stats span,.stats b{display:block}.stats span{color:var(--muted);font-size:.8rem}.stats b{font-size:1.35rem;margin-top:16px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:17px}.panel>h2,.panel h2{font-size:1rem;padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.row time{color:var(--lime);font-weight:bold;font-size:.82rem}.row span{flex:1}.row span b,.row span small{display:block;font-size:.82rem}.row span small{color:var(--muted);font-size:.72rem;margin-top:4px}.row strong{font-size:.82rem;color:var(--amber)}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pagehead h2{margin:0;font-size:1.35rem}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;padding:13px 17px;color:var(--muted);font-size:.7rem;letter-spacing:.08em;border-bottom:1px solid var(--line)}td{padding:15px 17px;border-bottom:1px solid var(--line);font-size:.8rem}td b,td small{display:block}td small{font-size:.7rem;color:var(--muted);margin-top:4px}.tag{display:inline-flex;padding:5px 8px;border-radius:5px;background:#d6f54818;color:var(--lime);font-size:.7rem}.tag.blue{background:#69aaff18;color:var(--blue)}.money{color:var(--amber);font-weight:bold}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.client{padding:20px}.avatar{width:45px;height:45px;border-radius:12px;background:#262c28;color:var(--lime);display:grid;place-items:center;font-size:.8rem;font-weight:bold}.client h3{font-size:1rem}.client p{font-size:.78rem;color:var(--muted)}.upcoming{background:#101311;border:1px solid var(--line);border-radius:9px;padding:12px;margin:14px 0}.upcoming>b{font-size:.68rem;color:var(--muted)}.upcoming span,.upcoming small{display:block;font-size:.76rem;margin-top:7px}.upcoming span small{font-size:.68rem;color:var(--muted);margin-top:2px}.audit-list>div{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.avatar.mini{width:32px;height:32px;border-radius:50%;font-size:.66rem}.audit-list p{margin:0}.audit-list p b,.audit-list p small{display:block;font-size:.8rem}.audit-list p small{font-size:.69rem;color:var(--muted);margin-top:4px}.modal{display:none;position:fixed;z-index:101;left:50%;top:50%;transform:translate(-50%,-50%);width:min(570px,94vw);max-height:90vh;overflow:auto;background:#121412;border:1px solid var(--line);border-radius:15px;padding:25px}.modal.open,#backdrop.open{display:block}.modal form>h2{font-size:1.25rem}.close{position:absolute;right:17px;top:13px;border:0;background:none;color:#fff;font-size:1.5rem}.modal label,.auth-card label{display:block;color:#b4bab5;font-size:.76rem;margin:12px 0}.modal input,.modal select,.modal textarea,.auth-card input{display:block;width:100%;margin-top:6px;background:#191c1a;border:1px solid var(--line);border-radius:8px;color:#fff;padding:11px 12px}.modal textarea{min-height:80px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .primary{width:100%;margin-top:12px}#backdrop{display:none;position:fixed;inset:0;background:#000b;z-index:100}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(520px,95vw);background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px}.auth-card.login{max-width:420px}.auth-card h1{font-size:1.45rem}.auth-card h2{font-size:1rem;margin-top:24px}.auth-card>p{font-size:.82rem;color:var(--muted)}.auth-card .primary{width:100%;margin-top:12px}@media(max-width:900px){.sidebar{width:205px}.app{margin-left:205px}.stats,.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}@media(max-width:650px){html{font-size:19px}.sidebar{position:static;width:auto}.sidebar nav{grid-template-columns:1fr 1fr;margin:18px 0}.me{display:none}.app{margin:0}.app>header{padding:0 15px}.content{padding:18px 14px}.stats,.cards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.app header .secondary{display:none}}