:root{--bg:#f1f5f9;--surface:#ffffff;--surface-2:#f8fafc;--text:#0f172a;--text-muted:#64748b;--text-faint:#94a3b8;--border:#e2e8f0;--primary:#000000;--primary-hover:#1e293b;--on-primary:#ffffff;--brand-red:#eb0a1e;--brand-mazda:#101820;--header-bg:#404040;--header-text:#ffffff;--success:#16a34a;--success-bg:#f0fdf4;--warning:#b45309;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--info:#2563eb;--radius:0.75rem;--radius-lg:1rem;--radius-sm:0.5rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--font-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-head:var(--font-body);--font-display:Georgia,"Times New Roman",serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:root[data-theme=dark]{--bg:#1a1a1a;--surface:#262626;--surface-2:#2f2f2f;--text:#e7e7e7;--text-muted:#a3a3a3;--border:#3f3f3f;--primary:#525252;--primary-hover:#404040;--on-primary:#ffffff;--header-bg:#404040;--header-text:#ffffff;--success:#86efac;--success-bg:#10331f;--warning:#fac775;--warning-bg:#3a2a08;--danger:#fca5a5;--danger-bg:#3a1212}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--info);outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin-bottom:12px}h1,h2{font-weight:650}h2{font-size:18px;letter-spacing:-.015em;margin:0 0 10px}h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:13px 0 10px}p{margin-bottom:14px}small{display:block;color:var(--text-muted);font-size:12px}header{height:82px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:24px;padding:0 30px;background:var(--header-bg);color:var(--header-text)}header img{height:43px;width:auto}header .avatar{background:var(--primary-hover);color:var(--on-primary);border:1px solid var(--text-muted)}.header-divider{height:28px;width:1px;background:var(--text-muted)}.portal-name{font-size:19px;font-weight:500;letter-spacing:-.02em}.header-right{margin-left:auto;display:flex;align-items:center;gap:22px}.icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:8px;border-radius:var(--radius-sm);flex-shrink:0}.icon:hover{background:var(--surface-2);color:var(--text)}header .icon:hover{background:var(--primary-hover);color:var(--header-text)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--text);font-size:11px;font-weight:650;flex-shrink:0}.demo-tag{font-size:10px;letter-spacing:.09em;border:1px solid var(--text-muted);border-radius:4px;padding:5px 9px}aside{position:fixed;top:82px;bottom:0;left:0;width:234px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:29px 15px 15px;z-index:10}.workspace{padding:0 14px 27px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--text-muted);margin-bottom:9px}.workspace strong{display:block;font-size:13px;font-weight:600;margin-top:8px}nav{display:flex;flex-direction:column;gap:5px}nav button{display:flex;align-items:center;gap:12px;background:none;border:0;text-align:left;font-size:13px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-muted)}nav button:hover{background:var(--surface-2);color:var(--text)}nav .selected{background:var(--bg);color:var(--text);font-weight:650}nav .selected:before{content:"";position:absolute;left:0;width:3px;height:28px;background:var(--brand-red);border-radius:0 3px 3px 0}.count{margin-left:auto;background:var(--primary);color:var(--on-primary);min-width:21px;border-radius:4px;text-align:center}.sidebar-bottom{margin-top:auto;padding:24px 8px 0}.account{border-top:1px solid var(--border);padding-top:18px;display:flex;align-items:center;gap:9px;font-size:12px}.account small{text-transform:capitalize;font-size:10px}.account .icon{margin-left:auto;padding:5px}.shell main{margin-left:234px;padding:112px 40px 0;min-height:100vh}.breadcrumb{font-size:11px;color:var(--text-muted);display:flex;gap:12px;margin-bottom:32px}.breadcrumb span{color:var(--text-faint)}.page-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:30px}.page-heading>div{flex:1 1}.page-heading p:last-child{margin:0;color:var(--text-muted);font-size:13px;max-width:720px}.page-heading .eyebrow{margin-bottom:12px;color:var(--warning)}.page-heading .button{margin-top:24px}.refresh{color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:10px 15px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s}.button:hover{background:var(--surface-2)}.button.primary{background:var(--primary);color:var(--on-primary);border-color:transparent}.button.primary:hover{background:var(--primary-hover)}.intro-strip{justify-content:space-between;gap:20px;border:1px solid var(--border);border-radius:var(--radius);padding:23px 25px;background:var(--surface);margin-bottom:30px}.intro-strip,.intro-strip>div{display:flex;align-items:center}.intro-strip>div{gap:19px}.intro-strip strong{font-size:14px;font-weight:650}.intro-strip p{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.intro-strip>button{background:none;border:0;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.intro-strip>button span{padding:2px 7px;border-radius:5px;background:var(--bg)}.toolbar{display:flex;justify-content:space-between;gap:18px;margin-bottom:28px;align-items:center}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips button{background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 13px;font-size:12px;color:var(--text-muted);white-space:nowrap}.chips .active{border-color:var(--border);color:var(--text);font-weight:600}.chips .active,.search{background:var(--surface)}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--border);padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-muted)}.search input{background:none;border:0;color:var(--text);outline:none;width:180px;font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:0;font-size:16px}.section-heading h2 span{color:var(--text-muted);font-size:12px;margin-left:8px}.section-heading>span{font-size:11px;color:var(--text-muted)}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.event-art,.event-card{overflow:hidden;display:flex;flex-direction:column}.event-art{height:196px;position:relative;background:var(--header-bg);color:var(--header-text);padding:20px;justify-content:flex-end}.art-baseball{background:var(--primary-hover)}.art-concert{background:var(--brand-mazda)}.art-category{position:absolute;top:20px;left:20px;font-size:8px;letter-spacing:.17em;opacity:.8}.art-title{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.04em;max-width:140px;position:relative;margin-bottom:25px}.art-icon{position:absolute;right:13px;top:45px;opacity:.22;transform:rotate(-10deg)}.event-category{position:absolute;bottom:16px;font-size:9px;letter-spacing:.04em;border:1px solid;border-radius:3px;padding:2px 6px}.event-content{padding:20px;display:flex;flex-direction:column;flex:1 1}.event-date{align-items:center;font-size:10px;font-weight:550;flex-wrap:wrap}.event-date,.venue{display:flex;gap:6px;color:var(--text-muted)}.venue{align-items:flex-start;font-size:11px;margin-bottom:17px}.venue svg{flex-shrink:0}.description{font-size:12px;color:var(--text-muted);margin:0 0 20px}.seat-line{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:auto;margin-bottom:16px}.seat-line small{margin-left:auto;font-size:10px}.available-dot,.unavailable-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.unavailable-dot{background:var(--text-muted)}.card-bottom{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:14px}.card-bottom>small{display:flex;align-items:center;gap:6px;font-size:10px}.card-bottom .button{width:100%;justify-content:space-between}.how{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px;margin-top:42px;padding-top:30px;border-top:1px solid var(--border)}.how h2{font-size:22px;max-width:180px}.how div{position:relative;padding-top:5px}.how span{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;display:block;margin-bottom:10px}.how strong{font-size:12px;font-weight:600}.how p{font-size:11px;color:var(--text-muted);margin-top:7px}.notice{padding:14px 18px;display:flex;align-items:center;gap:10px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:18px}.notice button{margin-left:auto;background:none;border:0;display:flex}.error{background:var(--danger-bg);color:var(--danger)}.success{background:var(--success-bg);color:var(--success)}.neutral{background:var(--surface-2);color:var(--text-muted)}.neutral,.table-wrap{border:1px solid var(--border)}.table-wrap{overflow:auto;border-radius:var(--radius);background:var(--surface)}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;min-width:650px}th{background:var(--surface-2);color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:15px 19px;white-space:nowrap}td{padding:20px 19px;vertical-align:top;border-top:1px solid var(--border);max-width:340px;overflow-wrap:anywhere}td strong{display:block;font-size:13px;font-weight:600}td p{font-size:12px;line-height:1.5;color:var(--text-muted);max-width:240px}td p,td small{margin-top:6px}td small{font-size:11px}.status{display:inline-flex;font-size:10px;font-weight:600;background:var(--surface-2);padding:4px 8px;border-radius:4px;white-space:nowrap}.status.pending{color:var(--warning);background:var(--warning-bg)}.status.accepted,.status.approved{color:var(--success);background:var(--success-bg)}.status.cancelled,.status.denied{color:var(--danger);background:var(--danger-bg)}.status.sent,.status.transferring{color:var(--text);border:1px solid var(--border)}.empty{padding:80px 24px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);background:var(--surface)}.empty svg{margin-bottom:20px}.empty h2{color:var(--text);font-size:21px}.empty p{font-size:13px}.actions{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.section-heading .actions{margin:0}.panel{padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px}.policy-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--border)}.policy-row small{margin-top:5px}.muted,.policy-row>span{font-size:12px;color:var(--text-muted)}.mono,.seat{font-family:var(--font-mono);font-size:10px}.seat{display:inline-flex;margin:3px;padding:4px 7px;border-radius:4px;background:var(--success-bg);color:var(--success)}.seat.taken{background:var(--surface-2);color:var(--text-muted);text-decoration:line-through}.text-button{display:block;background:none;border:0;text-decoration:underline;font-size:11px;padding:5px 0}.text-button,footer{color:var(--text-muted)}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:30px 0;margin-top:40px;border-top:1px solid var(--border)}.modal-overlay{position:fixed;inset:0;z-index:50;background:rgb(0 0 0/.6);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:560px;max-height:90dvh;overflow:auto;background:var(--surface);border-radius:var(--radius-lg);padding:28px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.modal h2{font-size:23px;margin:0}.modal p{font-size:13px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field>span,legend{font-size:12px;font-weight:600}input:not([type=checkbox]),select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);min-height:40px}textarea{min-height:85px;resize:vertical}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.field input::placeholder{color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:24px}fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin:0 0 20px}legend{padding:0 5px}.check,.seat-options label{display:flex;gap:10px;align-items:center;margin:7px 0;font-size:12px}.seat-options{max-height:180px;overflow:auto}blockquote{margin:15px 0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 15px;color:var(--text-muted)}.signin{max-width:650px;margin:10vh auto;background:var(--surface);padding:50px;border:1px solid var(--border);border-radius:var(--radius-lg)}.signin>img{width:180px;background:var(--header-bg);padding:16px;margin-bottom:32px}.signin h1{font-size:45px}.signin>p:not(.eyebrow){color:var(--text-muted)}.signin>small{margin-top:24px}.mobile-menu{display:none}.skip{position:fixed;top:-60px;z-index:100;background:var(--surface);padding:10px}.skip:focus{top:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1a1a;--surface:#262626;--surface-2:#2f2f2f;--text:#e7e7e7;--text-muted:#a3a3a3;--border:#3f3f3f;--primary:#525252;--primary-hover:#404040;--on-primary:#fff;--success:#86efac;--success-bg:#10331f;--warning:#fac775;--warning-bg:#3a2a08;--danger:#fca5a5;--danger-bg:#3a1212}}@media (min-width:1500px){.shell main{padding-left:60px;padding-right:60px}.event-art{height:235px}.art-title{font-size:38px;max-width:200px}}@media (max-width:1200px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell main{padding-left:25px;padding-right:25px}.how{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.search input{width:100%}.search{max-width:360px}.page-heading{flex-wrap:wrap}h1{font-size:29px}.page-heading .button{margin-top:0}}@media (max-width:760px){header{height:68px;padding:0 15px;gap:14px}header img{height:32px}.header-right{gap:6px}.demo-tag,.header-divider,.header-right>.avatar{display:none}.portal-name{font-size:16px}.mobile-menu{display:flex;padding:4px}aside{visibility:hidden;top:68px;width:240px;transform:translateX(-100%);transition:transform .15s;border-right:1px solid var(--border)}aside.open{visibility:visible;transform:translateX(0)}.shell main{margin-left:0;padding:92px 19px 0}.breadcrumb{margin-bottom:24px}h1{font-size:29px}.page-heading{margin-bottom:24px}.intro-strip{align-items:flex-start;padding:18px;flex-direction:column;gap:20px}.intro-strip>div{gap:12px}.intro-strip>div>svg{flex-shrink:0}.intro-strip>button{padding:0}.event-grid{grid-template-columns:1fr}.event-art{height:205px}.event-content{padding:21px}.art-title{font-size:36px;max-width:190px}.how{gap:22px}.how h2{font-size:20px}.chips{gap:1px}.chips button{padding:7px 9px}.toolbar{margin-bottom:23px}.search{max-width:none}.panel{padding:18px}.panel .section-heading{flex-wrap:wrap}.policy-row{align-items:flex-start;gap:8px}.policy-row,footer{flex-direction:column}footer{margin-top:28px}.modal-overlay{padding:10px}.modal{padding:22px;max-height:95dvh}.signin{margin:35px 15px;padding:28px}.signin h1{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.seat:not(.taken),.status.accepted,.status.approved,.success{color:var(--text)}