:root{--sun:#ffe94d;--ink:#111;--white:#fff;--cream:#fff8d6;--butter:#fff4b8;--blush:#ffd6e5;--pink:#ff4f8b;--mint:#2ed19a;--mint-soft:#c8f3e2;--lilac:#e6deff;--red:#d9435f;--red-soft:#fcebee;--amber-soft:#fdf3e2;--gray:#4a4a4a;--hair:#1111111f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--sun);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif}button,input{font:inherit;color:inherit}h1,h2,h3,.display{letter-spacing:-.03em;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif}a{color:inherit}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{background:var(--ink);color:var(--white);flex-direction:column;gap:6px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.side .logo{margin:0 8px 18px;font-size:24px;font-weight:800}.side .logo span{color:var(--pink)}.side button{all:unset;cursor:pointer;color:#bdbdbd;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:600;display:flex}.side button.on{color:var(--sun);background:#ffe94d24}.side .badge{background:var(--red);color:var(--white);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.side .foot{color:#9a9a9a;gap:8px;margin-top:auto;padding:0 8px;font-size:12px;display:grid}.main{max-width:1100px;padding:28px 32px 60px}.main h1{margin-bottom:18px;font-size:34px;font-weight:800}.card{background:var(--white);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:20px;padding:18px}.grid{gap:14px;display:grid}.stats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.stat .n{font-family:Bricolage Grotesque,sans-serif;font-size:32px;font-weight:800}.stat .l{color:var(--gray);font-size:13px}.btn{border:2px solid var(--ink);background:var(--white);cursor:pointer;box-shadow:3px 3px 0 var(--ink);border-radius:12px;padding:8px 14px;font-weight:700}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn.dark{background:var(--ink);color:var(--white);box-shadow:3px 3px 0 var(--pink)}.btn.green{background:var(--mint)}.btn.red{background:var(--red);color:var(--white)}.btn:disabled{opacity:.45;cursor:default}.tabs{gap:6px;margin-bottom:16px;display:flex}.tabs button{border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:999px;padding:6px 14px;font-weight:600}.tabs button.on{background:var(--blush)}.app-card{grid-template-columns:150px 1fr;gap:18px;display:grid}.photo{border:2px solid var(--ink);object-fit:cover;background:var(--cream);width:150px;height:188px;color:var(--gray);text-align:center;border-radius:16px;place-items:center;font-size:12px;display:grid}.idphoto{border:2px dashed var(--ink);border-radius:14px;width:100%;max-width:360px;display:block}.pill{background:var(--butter);border-radius:999px;margin:0 4px 4px 0;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.muted{color:var(--gray)}.small{font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--gray);border-bottom:2px solid var(--ink);padding:8px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--hair);vertical-align:top;padding:10px}.status{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.s-pending{background:var(--amber-soft)}.s-confirmed{background:var(--mint-soft)}.s-completed{background:var(--butter)}.s-cancelled{background:var(--red-soft)}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .card{gap:12px;width:100%;max-width:380px;display:grid}.login input{border:2px solid var(--ink);border-radius:12px;width:100%;height:48px;padding:0 14px;font-size:16px}.err{background:var(--red-soft);border-radius:12px;padding:10px 12px;font-size:14px}.toast{background:var(--ink);color:var(--white);border-radius:14px;padding:12px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}input.search{border:2px solid var(--ink);border-radius:12px;width:280px;height:42px;margin-bottom:14px;padding:0 12px}@media (width<=760px){.shell{grid-template-columns:1fr}.side{flex-flow:wrap;height:auto;position:static}.side .logo,.side .foot{display:none}.main{padding:20px 16px 60px}.app-card{grid-template-columns:1fr}table{font-size:13px}}
