*{box-sizing:border-box}html,body{color:#111;background:#fff;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{background:#fff;grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{background:#fff;border-right:1px solid #e7e0cf;flex-direction:column;padding:28px 18px;display:flex;box-shadow:4px 0 18px #00000009}.brand{letter-spacing:.08em;color:#111;margin:0 10px 34px;font-size:21px;font-weight:800}.brand span{letter-spacing:.18em;color:#b08a2e;margin-top:5px;font-size:10px;display:block}.nav-groups{flex:1}.nav-group{margin-bottom:25px}.nav-label{letter-spacing:.18em;color:#9a9a9a;margin:0 10px 8px;font-size:10px;font-weight:700}.nav-group nav{gap:4px;display:grid}.nav-group nav a{color:#333;border-left:2px solid #0000;border-radius:8px;padding:11px 12px;font-size:14px}.nav-group nav a:hover,.nav-group nav a.active{color:#111;background:#faf7ef;border-left-color:#b08a2e}.signout{color:#333;cursor:pointer;background:#fff;border:1px solid #d8c79f;border-radius:8px;padding:10px}.main{background:#fff;width:100%;max-width:1400px;margin:auto;padding:38px 42px}header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:.18em;color:#b08a2e;margin:0 0 8px;font-size:10px;font-weight:700}h1{color:#111;margin:0 0 7px;font-size:34px}h2{color:#111;margin-top:0}.muted{color:#666;margin:0}.secure{letter-spacing:.12em;color:#8b6a20;background:#fffdf7;border:1px solid #d8c79f;border-radius:999px;padding:9px 13px;font-size:10px}.grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.card,.panel,.list-row,.note{background:#fff;border:1px solid #e5dfd0;border-radius:12px;box-shadow:0 2px 10px #00000006}.card{padding:20px}.card span{color:#666;font-size:12px;display:block}.card strong{color:#111;margin:12px 0 5px;font-size:30px;display:block}.card small,.list-row small,.note small{color:#777}.panel{margin-bottom:20px;padding:24px}.panel p{color:#555;line-height:1.6}.steps{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px;display:grid}.steps div{background:#fff;border:1px solid #e5dfd0;border-radius:8px;padding:15px}.steps b{color:#b08a2e;margin-right:12px}.inline-form,.form-grid{align-items:center;gap:10px;display:flex}.form-grid{flex-wrap:wrap}.inline-form input,.inline-form select,.form-grid input,.form-grid select,.stack-form input,.stack-form textarea{color:#111;background:#fff;border:1px solid #cfc7b5;border-radius:7px;outline:none;padding:11px}.inline-form input{flex:1}.form-grid input{flex:1;min-width:180px}.stack-form{gap:12px;display:grid}.stack-form textarea{resize:vertical}.panel button,button{color:#fff;cursor:pointer;background:#b08a2e;border:0;border-radius:7px;padding:11px 16px;font-weight:700}.panel button:hover,button:hover{background:#96731f}.list{gap:9px;display:grid}.list-row{justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.list-row strong{margin-bottom:5px;display:block}.list-row small{font-size:12px;display:block}.secondary{color:#333;background:#fff;border:1px solid #cfc7b5}.done{color:#999;text-decoration:line-through}.empty,.notice{color:#777;background:#fffdf8;border:1px dashed #d8c79f;border-radius:9px;padding:22px}.badge{text-transform:uppercase;letter-spacing:.1em;color:#8b6a20;font-size:10px}.note{padding:18px}.note p{white-space:pre-wrap;color:#444;line-height:1.6}.login-page{background:#fff;place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #dfd5bd;border-radius:14px;width:min(420px,92vw);padding:36px;box-shadow:0 12px 40px #00000012}.login-eyebrow{letter-spacing:.18em;color:#b08a2e;font-size:10px;font-weight:700}.login-card h1{margin-top:10px}.login-subtitle{color:#666}.login-card form{gap:9px;margin-top:24px;display:grid}.login-card label{color:#444;margin-top:7px;font-size:12px}.login-card input{color:#111;background:#fff;border:1px solid #cfc7b5;border-radius:7px;padding:12px}.login-card button{margin-top:10px}.login-error{color:#8a2222;background:#fff3f3;border:1px solid #d9a9a9;border-radius:7px;padding:10px;font-size:13px}.login-security{text-align:center;color:#888;margin-top:20px;font-size:11px}@media (max-width:900px){.shell{grid-template-columns:1fr}aside{position:relative}.grid,.steps{grid-template-columns:repeat(2,1fr)}.main{padding:25px 18px}}@media (max-width:560px){.grid,.steps{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}}
