:root{--ink:#17252f;--muted:#667680;--line:#dbe3e7;--surface:#fff;--wash:#f4f7f8;--nav:#16272e;--nav2:#21383f;--accent:#d84b3e;--accent-dark:#b83a30;--green:#287a58;--shadow:0 10px 28px rgba(23,37,47,.08)}
*{box-sizing:border-box}html{font-family:Inter,Aptos,"Segoe UI",sans-serif;color:var(--ink);background:var(--wash)}body{margin:0;min-height:100vh;font-size:14px;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:0}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;min-height:40px;padding:0 15px;font-weight:650;border-radius:5px}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.danger{color:#a22424;border:1px solid #e3baba;background:#fff}.wide{width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:var(--nav);color:#d9e4e7;display:flex;flex-direction:column;padding:22px 14px;z-index:10}.brand{display:flex;align-items:center;gap:11px;margin:0 9px 28px;font-weight:800;line-height:1.05;font-size:15px}.brand small{color:#8fa2aa;font-weight:600}.brand-mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:18px;font-weight:850;border-radius:5px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:43px;padding:0 11px;border-radius:5px;color:#b8c8ce}.sidebar nav a:hover,.sidebar nav a.active{background:var(--nav2);color:#fff}.sidebar nav b{font-size:11px;background:#29444d;color:#bcd0d6;padding:3px 6px;border-radius:9px}.sidebar svg,.icon-button svg,.button svg,button svg,.back-link svg{width:17px;height:17px}.sidebar-bottom{margin-top:auto;border-top:1px solid #2c4148;padding:16px 7px 0;display:flex;align-items:center;justify-content:space-between}.user-line{display:flex;align-items:center;gap:9px}.user-line span:not(.avatar){display:flex;flex-direction:column;font-weight:650}.user-line small{font-size:11px;color:#8fa2aa;font-weight:500}.avatar{width:31px;height:31px;display:flex;align-items:center;justify-content:center;background:#31505a;border-radius:50%}.icon-button{padding:0;width:36px;min-height:36px;background:transparent;color:inherit;border:1px solid transparent}.icon-button:hover{background:#edf2f4;border-color:var(--line)}.sidebar .icon-button:hover{background:var(--nav2);border-color:#3b545d}main{margin-left:228px;padding:32px 38px 60px;min-height:100vh;background:#fff}.auth-main{margin:0;display:grid;place-items:center;background:var(--wash);padding:30px}.messages{position:fixed;top:20px;right:24px;z-index:20;display:flex;flex-direction:column;gap:8px}.message{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 16px;border-left:4px solid var(--accent);border-radius:4px}.message.success{border-left-color:var(--green)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-header h1{font-size:29px;line-height:1.1;margin:3px 0 6px}.page-header p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;color:var(--accent)!important}.header-actions{display:flex;gap:9px}.metrics-band,.profile-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--line);margin:0 -38px 32px;padding:0 38px}.metrics-band.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-band>div,.profile-band>div{padding:22px 24px 22px 0;display:flex;flex-direction:column;gap:7px}.metrics-band span,.profile-band span{color:var(--muted);font-size:12px;font-weight:650}.metrics-band strong,.profile-band strong{font-size:27px}.metrics-band .small-value,.profile-band strong{font-size:16px}.two-column{display:grid;grid-template-columns:1.4fr 1fr;gap:48px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-heading h2{font-size:18px;margin:0}.section-heading>a,.section-heading>span{color:var(--muted);font-size:12px}.rank-list{border-top:1px solid var(--line)}.rank-list>a,.rank-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:13px 5px;border-bottom:1px solid var(--line)}.rank-list>a:hover{background:var(--wash)}.rank-list span{color:var(--muted);font-size:12px}.rank-list div{display:flex;flex-direction:column;min-width:0}.rank-list strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-list small,td small{display:block;color:var(--muted);margin-top:3px}.auth-panel{width:min(100%,390px);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:31px;border-radius:7px}.wide-auth{width:min(100%,520px)}.auth-brand{display:flex;gap:11px;align-items:center;margin-bottom:34px}.auth-brand>div{display:flex;flex-direction:column}.auth-brand small{color:var(--muted)}.auth-panel h1{font-size:25px;margin:0 0 8px}.auth-panel>p{color:var(--muted);line-height:1.5;margin:0 0 22px}.stacked-form,.plain-form{display:flex;flex-direction:column;gap:17px}.stacked-form label,.plain-form label,.filter-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#40525b}.stacked-form input,.plain-form input,.plain-form textarea,.filter-grid input,.filter-grid select,.search-box input{width:100%;border:1px solid #cbd6db;border-radius:4px;background:#fff;min-height:40px;padding:8px 10px;color:var(--ink)}.stacked-form small{font-weight:400;color:var(--muted);line-height:1.35}.field-error{color:#b52c2c}.qr-wrap{text-align:center;display:flex;align-items:center;flex-direction:column;margin:10px 0 20px}.qr-wrap img{width:210px;height:210px}.qr-wrap code{font-size:12px;background:var(--wash);padding:7px}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0}.recovery-codes code{padding:10px;background:var(--wash);text-align:center;font-weight:700}.filter-panel{border-block:1px solid var(--line);margin:0 -38px 22px;padding:18px 38px;background:var(--wash)}.search-row{display:flex;align-items:center;gap:9px}.search-row.standalone{margin-bottom:20px}.search-box{position:relative;flex:1;max-width:650px}.search-box svg{position:absolute;left:12px;top:11px;width:17px;color:var(--muted)}.search-box input{padding-left:38px}.filter-panel details{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.filter-panel summary{cursor:pointer;font-size:12px;font-weight:800;text-transform:uppercase;color:#465a64}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-top:14px}.event-grid{grid-template-columns:repeat(3,minmax(240px,1fr))}.compact-grid{grid-template-columns:repeat(6,minmax(120px,1fr))}.filter-grid select[multiple]{min-height:112px;padding:5px}.event-grid select{min-height:160px!important}.select-search{min-height:34px!important}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#f3f6f7;color:#50616a;text-transform:uppercase;font-size:10px;padding:10px 13px;border-bottom:1px solid var(--line)}td{padding:11px 13px;border-bottom:1px solid #e7ecef;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfc}td a:not(.icon-button){color:#225f76}.empty{color:var(--muted);padding:30px;text-align:center}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 2px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:9px}.pagination b{font-size:12px}.back-link{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;margin-bottom:10px}.profile-band{grid-template-columns:repeat(5,minmax(0,1fr))}.order-list{border-top:1px solid var(--line)}.order-list details{border-bottom:1px solid var(--line)}.order-list summary{cursor:pointer;display:grid;grid-template-columns:1fr 170px 120px 130px;gap:18px;align-items:center;padding:13px 5px}.order-list summary>span:first-child{display:flex;flex-direction:column}.order-list summary small{color:var(--muted)}.ticket-lines{background:var(--wash);padding:8px 18px}.ticket-lines>div{display:grid;grid-template-columns:1fr 180px 60px;padding:8px;border-bottom:1px solid var(--line)}.segment-list{border-top:1px solid var(--line)}.segment-list article{border-bottom:1px solid var(--line)}.segment-list article>a{display:grid;grid-template-columns:1fr 100px 24px;align-items:center;gap:20px;padding:18px 5px}.segment-list article>a:hover{background:var(--wash)}.segment-list h2{font-size:16px;margin:0 0 4px}.segment-list p{color:var(--muted);margin:0 0 8px}.segment-list small{color:var(--muted)}.segment-list>a strong,.segment-list article>a>strong{font-size:24px;text-align:right}.segment-list article>a>strong small{display:block;font-size:10px}.narrow{max-width:620px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.danger-zone{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.status{display:inline-block;padding:4px 8px;border-radius:10px;background:#edf1f3;font-size:11px}.status.completed{background:#e3f2eb;color:#1f6a4b}.status.failed{background:#f8e5e5;color:#9d2727}
@media(max-width:1100px){.filter-grid{grid-template-columns:repeat(2,1fr)}.compact-grid{grid-template-columns:repeat(3,1fr)}.event-grid{grid-template-columns:1fr}.two-column{grid-template-columns:1fr}.metrics-band,.profile-band{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:12px}.brand{margin:0 5px 12px}.sidebar nav{flex-direction:row;overflow:auto}.sidebar nav a{grid-template-columns:20px auto}.sidebar nav b,.sidebar-bottom{display:none}main{margin:0;padding:22px 16px}.page-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%;flex-wrap:wrap}.metrics-band,.profile-band{margin-inline:-16px;padding-inline:16px}.filter-panel{margin-inline:-16px;padding-inline:16px}.filter-grid,.compact-grid{grid-template-columns:1fr}.search-row{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.order-list summary{grid-template-columns:1fr}.auth-main{padding:16px}.auth-panel{padding:24px 20px}}