@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4efe6;color:#1c1a16;font-family:Space Grotesk,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}[data-theme=elomty]{--paper:#f2f0e6;--paper-2:#eae7d8;--ink:#14231d;--muted:#6d7a70;--accent:#0f6a4e;--accent-deep:#0a3f30;--pop:#c8992e;--line:#d8d3c0;--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%230f6a4e' stroke-width='1.4'%3E%3Cellipse cx='18' cy='18' rx='13' ry='7' transform='rotate(45 18 18)'/%3E%3Cellipse cx='54' cy='18' rx='13' ry='7' transform='rotate(135 54 18)'/%3E%3Cellipse cx='18' cy='54' rx='13' ry='7' transform='rotate(135 18 54)'/%3E%3Cellipse cx='54' cy='54' rx='13' ry='7' transform='rotate(45 54 54)'/%3E%3C/g%3E%3Ccircle cx='36' cy='36' r='3.5' fill='%23c8992e'/%3E%3Ccircle cx='0' cy='0' r='3.5' fill='%23c8992e'/%3E%3Ccircle cx='72' cy='0' r='3.5' fill='%23c8992e'/%3E%3Ccircle cx='0' cy='72' r='3.5' fill='%23c8992e'/%3E%3Ccircle cx='72' cy='72' r='3.5' fill='%23c8992e'/%3E%3C/svg%3E");--motif-size:72px 72px}[data-theme=didi]{--paper:#f6efe3;--paper-2:#efe5d3;--ink:#2a1b10;--muted:#8a7563;--accent:#b4491f;--accent-deep:#7c3013;--pop:#2f3d8f;--line:#e0d5bd;--motif:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23b4491f' stroke-width='1.6'%3E%3Cpath d='M32 6 58 32 32 58 6 32Z'/%3E%3Cpath d='M32 18 46 32 32 46 18 32Z'/%3E%3C/g%3E%3Cpath d='M32 27 37 32 32 37 27 32Z' fill='%232f3d8f'/%3E%3Cg stroke='%232f3d8f' stroke-width='1.6'%3E%3Cpath d='M0 0 10 10M64 0 54 10M0 64 10 54M64 64 54 54'/%3E%3C/g%3E%3C/svg%3E");--motif-size:64px 64px}:root{--paper:#f4efe6;--paper-2:#ece6d8;--ink:#1c1a16;--muted:#7a756a;--accent:#1c1a16;--accent-deep:#000;--pop:#c8992e;--line:#dcd6c6;--motif:none;--motif-size:auto}.serif{font-family:"Instrument Serif",Georgia,serif}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#1c1a16;padding:24px}.login-card{width:100%;max-width:380px;background:#f4efe6;border-radius:4px;padding:40px 36px;box-shadow:10px 10px 0 rgba(0,0,0,.25)}.login-card h1{margin:0 0 6px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:40px;letter-spacing:-.5px}.login-card .muted{margin:0 0 26px}.login-card label{margin-top:4px}.login-card button{width:100%;margin-top:18px}.login-error{color:#b4491f;font-size:13px;margin:10px 0 0}.site{min-height:100vh;color:var(--ink)}.site,.site-header{background:var(--paper)}.site-header{position:relative;overflow:hidden;padding:64px 48px 56px;border-bottom:2px solid var(--ink)}.site-motif{position:absolute;top:0;right:0;bottom:0;width:42%;background-image:var(--motif);background-size:var(--motif-size);opacity:.8;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}.site-header h1{position:relative;margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(64px,9vw,110px);line-height:.95;letter-spacing:-1px;color:var(--ink)}.site-header h1:first-letter,.site-sub{color:var(--accent)}.site-sub{position:relative;margin-top:14px;font-size:13px;letter-spacing:6px;text-transform:uppercase;font-weight:600}.header-actions{position:relative;margin-top:20px;display:flex;gap:10px;align-items:center}.demo-badge{display:inline-block;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;color:var(--paper);background:var(--ink);padding:6px 16px;border-radius:2px}.logout-form button{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:6px 16px;font-size:11px}.logout-form button:hover{background:var(--ink);color:var(--paper)}nav.tabs{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:stretch;background:var(--paper);border-bottom:2px solid var(--ink)}nav.tabs .home-link,nav.tabs button.tab-btn{padding:16px 26px;color:var(--muted);text-decoration:none;background:none;border:none;border-right:1px solid var(--line);font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:600;cursor:pointer;font-family:inherit;transition:color .15s,background .15s}nav.tabs button.tab-btn:hover{color:var(--ink);background:var(--paper-2)}nav.tabs .active{color:var(--paper);background:var(--accent)}nav.tabs .home-link{margin-left:auto;border-right:none;border-left:1px solid var(--line)}nav.tabs .home-link:hover{color:var(--ink)}main{max-width:1160px;margin:0 auto;padding:48px 32px 100px}.tabpane{display:none}.tabpane.active{display:block;animation:fadeUp .35s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel{background:#fdfcf7;border:1px solid var(--line);border-radius:4px;padding:32px;margin-bottom:28px;box-shadow:0 1px 0 var(--line),6px 6px 0 rgba(0,0,0,.05)}.panel h2{margin:0 0 22px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:30px;color:var(--ink)}.panel h2:after{content:"";display:block;width:44px;height:3px;margin-top:8px;background:var(--accent)}.row h2{margin-bottom:0}.row h2:after{display:none}table{width:100%;border-collapse:collapse;font-size:14px}th{padding:10px 12px;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:2px solid var(--ink)}td,th{text-align:left}td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}tbody tr{transition:background .15s}tbody tr:hover{background:var(--paper)}tr.is-unselected{opacity:.4}button{background:var(--accent);color:#fdfcf7;border:2px solid var(--accent);padding:10px 24px;border-radius:2px;cursor:pointer;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;font-family:inherit;transition:background .15s,color .15s,transform .1s}button:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep);transform:translateY(-1px)}button.secondary{background:transparent;color:var(--ink);border:2px solid var(--ink)}button.secondary:hover:not(:disabled){background:var(--ink);color:var(--paper)}button:disabled{opacity:.35;cursor:not-allowed}input,select,textarea{background:#fdfcf7;border:1px solid var(--line);border-bottom:2px solid var(--ink);color:var(--ink);padding:10px 12px;border-radius:2px;font-size:15px;width:100%;font-family:inherit;transition:border-color .15s,background .15s}input:focus,textarea:focus{outline:none;border-bottom-color:var(--accent);background:#fff}input[type=checkbox]{width:auto;accent-color:var(--accent)}label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600}.field{margin-bottom:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px 24px;gap:20px 24px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}a.link{color:var(--accent);font-weight:600}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px}.badge.ok{background:#dff0e6;color:var(--accent-deep)}.badge.off{background:#f0e2dd;color:#7c3013}.alert{border-radius:4px;padding:14px 16px;margin-bottom:18px;font-size:13px}.alert.error{background:#fbe9e4;color:#7c3013;border:1px solid #e8b8a8}.alert.success{background:#e3f1e9;color:#0a3f30;border:1px solid #b7dcc6}.landing{padding:0;max-width:none;margin:0;text-align:initial}.landing-hero{text-align:center;padding:58px 24px 40px;background:#f4efe6}.landing-hero h1{margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(44px,6.5vw,84px);line-height:1;letter-spacing:-1px;color:#1c1a16}.landing-hero h1 em{font-style:italic;color:#b4491f}.landing-hero .muted{margin-top:14px;font-size:15px;color:#7a756a}.landing-cards{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 240px);margin:0;grid-gap:0;gap:0;border-top:2px solid #1c1a16}.landing-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;overflow:hidden;background:var(--paper);color:var(--ink);padding:48px 44px 52px;transition:background .25s ease}.landing-card+.landing-card{border-left:2px solid #1c1a16}.card-motif{position:absolute;inset:0;background-image:var(--motif);background-size:var(--motif-size);opacity:.55;transition:opacity .25s ease,transform .4s ease;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 92%);mask-image:linear-gradient(180deg,#000 40%,transparent 92%)}.landing-card:hover{background:var(--paper-2)}.landing-card:hover .card-motif{opacity:.9;transform:scale(1.04)}.landing-card h2{position:relative;margin:0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(56px,7vw,96px);line-height:.95;letter-spacing:-1px}.landing-card h2:first-letter{color:var(--accent)}.card-tag{margin-top:12px;letter-spacing:5px;color:var(--accent);font-weight:700}.card-tag,.landing-card span.cta{position:relative;font-size:12px;text-transform:uppercase}.landing-card span.cta{display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:12px 22px;width:-moz-fit-content;width:fit-content;background:var(--ink);color:var(--paper);letter-spacing:2px;font-weight:600;transition:gap .15s,background .15s}.landing-card:hover span.cta{gap:16px;background:var(--accent);color:#fdfcf7}@media (max-width:820px){.grid2,.landing-cards{grid-template-columns:1fr}.landing-cards{min-height:0}.landing-card+.landing-card{border-left:none;border-top:2px solid #1c1a16}.landing-card{min-height:380px}.site-header{padding:44px 24px 40px}nav.tabs{overflow-x:auto}nav.tabs .home-link,nav.tabs button.tab-btn{padding:14px 18px;white-space:nowrap}}