:root{--tp-red:#b3121b;--tp-black:#1a1a1a;--tp-grey:#6e6e6e;--tp-grey-light:#f4f4f4;--tp-sidebar-bg:#1a1a1a;--tp-sidebar-border:#2c2c2c;--tp-content-bg:#fff;--tp-page-bg:#f7f7f7;--tp-text:#1a1a1a;--tp-text-muted:#6e6e6e;--tp-card-border:#e3e3e3}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--tp-page-bg);color:var(--tp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--tp-sidebar-bg);border-right:1px solid var(--tp-sidebar-border);flex-shrink:0;width:220px;padding:1.5rem 1rem}.brand{align-items:center;gap:.6rem;margin-bottom:2rem;padding:0 .25rem;display:flex}.brand-bar{background:var(--tp-red);border-radius:2px;width:4px;height:1.4rem}.brand-name{letter-spacing:.02em;color:var(--tp-grey-light);font-size:.95rem;font-weight:600}.nav-item{color:var(--tp-grey);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.2rem;padding:.6rem .75rem;font-size:.88rem;display:flex}.nav-item.active{background:var(--tp-red);color:#fff}.nav-item .soon{color:var(--tp-grey);border:1px solid var(--tp-sidebar-border);border-radius:999px;padding:.1rem .4rem;font-size:.68rem}.nav-item.active .soon{color:#ffffffd9;border-color:#fff6}.main{background:var(--tp-content-bg);flex:1;padding:2.5rem 3rem}.main h1{color:var(--tp-text);margin:0 0 .4rem;font-size:1.6rem}.main .subtitle{color:var(--tp-text-muted);margin:0 0 2rem}.card{border:1px solid var(--tp-card-border);background:#fff;border-radius:10px;max-width:28rem;padding:1.5rem;box-shadow:0 1px 2px #0000000a}.card h2{color:var(--tp-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 1rem;font-size:1rem}.status-row{color:var(--tp-text);align-items:center;gap:.6rem;font-size:.95rem;display:flex}.status-dot{background:var(--tp-grey);border-radius:50%;width:.6rem;height:.6rem}.status-dot.ok{background:#2ea043}.status-dot.error{background:var(--tp-red)}.status-detail{color:var(--tp-text-muted);margin-top:.75rem;font-size:.8rem}.nav-item{cursor:pointer;width:100%;text-decoration:none}.form-card{border:1px solid var(--tp-card-border);background:#fff;border-radius:10px;max-width:32rem;margin-bottom:2rem;padding:1.5rem}.form-card h2{color:var(--tp-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 1.25rem;font-size:1rem}.form-card label{color:var(--tp-text-muted);margin-bottom:1rem;font-size:.85rem;display:block}.form-card input,.form-card select{border:1px solid var(--tp-card-border);width:100%;color:var(--tp-text);background:#fff;border-radius:6px;margin-top:.35rem;padding:.5rem .6rem;font-size:.9rem;display:block}.form-card input:focus,.form-card select:focus{outline:2px solid var(--tp-red);outline-offset:-1px}.hint{color:var(--tp-text-muted);font-size:.78rem;font-weight:400}.form-card button,button[type=submit]{background:var(--tp-red);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.55rem 1.1rem;font-size:.9rem}.form-card button:disabled{opacity:.6;cursor:default}.error-text{color:var(--tp-red);margin:-1rem 0 1.5rem;font-size:.85rem}.data-table{border-collapse:collapse;width:100%;max-width:48rem;font-size:.88rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--tp-card-border);padding:.6rem .75rem}.data-table th{color:var(--tp-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}