/*
Theme Name: Vula
Description: Front-end website and application shell for the Vula event operations platform.
Version: 0.2.2
*/
:root{--vula-navy:#0d2430;--vula-navy-2:#132d39;--vula-blue:#1558b8;--vula-electric:#2424ff;--vula-green:#278f63;--vula-coral:#ff5757;--vula-red:#cf1010;--vula-bg:#f6f7f7;--vula-surface:#fff;--vula-muted:#eef0f0;--vula-text:#10232d;--vula-sub:#65737a;--vula-border:#dfe5e7;--vula-radius:18px;--vula-max:1420px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--vula-bg);color:var(--vula-text);font-family:Poppins,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.vula-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--vula-blue);color:#fff;border:0;border-radius:999px;padding:12px 19px;text-decoration:none;font-weight:600;font-size:14px;transition:.2s ease}.vula-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.vula-eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:#b9c9d0}.vula-eyebrow.dark{color:var(--vula-blue)}.vula-eyebrow.light{color:#b8cdfc}.vula-text-link{font-weight:600;text-decoration:none;color:var(--vula-blue)}.vula-text-link.light{color:#fff}.vula-public{min-height:100vh}.vula-public-nav{height:84px;padding:0 max(28px,calc((100vw - var(--vula-max))/2));display:flex;align-items:center;justify-content:space-between;background:var(--vula-navy);position:relative;z-index:20}.vula-public-logo{width:160px;height:68px;display:flex;align-items:center;overflow:visible}.vula-public-logo img{width:150px;max-width:100%;height:auto;display:block;object-fit:contain}.vula-public-nav nav{display:flex;align-items:center;gap:28px}.vula-public-nav nav a{color:#dce6ea;text-decoration:none;font-size:13px;font-weight:500}.vula-public-nav .vula-nav-login{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:10px 17px;color:#fff}.vula-hero{min-height:720px;background:var(--vula-navy);color:#fff;padding:100px max(28px,calc((100vw - var(--vula-max))/2));display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:70px;align-items:center;position:relative;overflow:hidden}.vula-orbit{position:absolute;border-radius:50%;border:90px solid rgba(255,255,255,.035);pointer-events:none}.orbit-a{width:770px;height:770px;left:-470px;top:-400px}.orbit-b{width:980px;height:980px;right:-700px;bottom:-670px}.vula-hero-copy,.vula-hero-console{position:relative;z-index:2}.vula-hero-copy h1{font-size:clamp(52px,5vw,82px);line-height:.98;letter-spacing:-.055em;margin:20px 0 28px;max-width:760px}.vula-hero-copy h1 span{color:#aebcff}.vula-hero-copy p{max-width:680px;font-size:18px;line-height:1.7;color:#c5d1d6;margin:0}.vula-hero-actions{display:flex;gap:12px;margin-top:36px}.vula-btn-white{background:#fff;color:var(--vula-navy)}.vula-btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}.vula-hero-console{background:#fff;color:var(--vula-text);border-radius:28px;padding:22px;box-shadow:0 40px 90px rgba(0,0,0,.24);transform:rotate(1.5deg)}.console-top{display:flex;gap:6px;margin-bottom:30px}.console-top span{width:8px;height:8px;border-radius:50%;background:#d7dfe2}.console-event{padding:8px 8px 22px}.console-event small{font-size:10px;letter-spacing:.12em;color:var(--vula-sub)}.console-event strong{font-size:56px;display:block;margin:8px 0}.progress{height:8px;border-radius:999px;background:#e8edef;overflow:hidden}.progress i{display:block;width:91%;height:100%;background:var(--vula-electric);border-radius:inherit}.console-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 20px}.console-grid div{background:#f5f7f8;border-radius:14px;padding:16px}.console-grid b{font-size:24px;display:block}.console-grid small,.console-row small{display:block;color:var(--vula-sub);font-size:11px;margin-top:3px}.console-row{display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;border-top:1px solid #edf0f1;padding:16px 8px}.console-row b{font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%}.ready-dot{background:var(--vula-green)}.blue-dot{background:var(--vula-electric)}.red-dot{background:var(--vula-coral)}.mini-pill{font-size:10px;background:#e8f5ef;color:var(--vula-green);padding:6px 9px;border-radius:999px}.mini-pill.alert{background:#fff0ef;color:var(--vula-red)}.vula-section{max-width:var(--vula-max);margin:auto;padding:120px 28px}.vula-intro{text-align:center}.vula-intro h2,.vula-split-section h2,.vula-final-cta h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.045em;line-height:1.05;margin:15px 0 20px}.section-lead{max-width:760px;margin:0 auto;color:var(--vula-sub);font-size:17px;line-height:1.7}.vula-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px;text-align:left}.vula-feature-grid article{background:#fff;border:1px solid var(--vula-border);border-radius:22px;padding:30px;min-height:260px}.vula-feature-grid article>span{font-size:11px;color:var(--vula-blue);font-weight:700}.vula-feature-grid h3{font-size:25px;margin:60px 0 12px}.vula-feature-grid p,.vula-split-section p{color:var(--vula-sub);line-height:1.65}.vula-split-section{max-width:var(--vula-max);margin:0 auto 80px;padding:70px;border-radius:30px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:#fff;border:1px solid var(--vula-border)}.vula-split-section>div>p{font-size:16px;max-width:600px}.vula-checklist{display:grid;gap:11px}.vula-checklist>div{display:flex;align-items:center;gap:14px;background:#f5f7f7;padding:16px 18px;border-radius:14px;font-size:14px}.vula-checklist i{width:28px;height:28px;border-radius:50%;font-style:normal;display:inline-flex;align-items:center;justify-content:center}.vula-checklist .ok{background:#e8f5ef;color:var(--vula-green)}.vendor-split{background:var(--vula-blue);color:#fff;border:0}.vendor-split p{color:#dbe6ff}.vendor-profile-card{background:#fff;color:var(--vula-text);border-radius:22px;padding:30px}.verified{font-size:11px;background:#e8f5ef;color:var(--vula-green);padding:7px 10px;border-radius:999px}.vendor-profile-card h3{font-size:27px;margin:30px 0}.profile-meter{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.profile-meter strong{font-size:22px}.progress.light{background:#edf1f2}.profile-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.profile-items span{background:#f4f6f6;border-radius:12px;padding:14px;font-size:11px;color:var(--vula-sub)}.profile-items b{display:block;color:var(--vula-text);font-size:18px;margin-top:4px}.vula-final-cta{max-width:var(--vula-max);margin:0 auto 40px;background:var(--vula-navy);color:#fff;border-radius:30px;padding:54px 80px 64px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px;position:relative;overflow:hidden}.orbit-c{position:absolute;width:800px;height:800px;right:-500px;top:-450px}.vula-final-cta>:not(.vula-orbit){position:relative;z-index:2}.vula-final-content{display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;margin-top:0}.vula-final-content img{width:190px;height:auto;margin-bottom:8px}.vula-final-cta h2{margin-top:10px}.vula-final-cta p{color:#c1ced3;font-size:16px;margin:0 0 26px}.vula-final-actions{display:flex;gap:10px}.vula-network-visual{width:min(920px,94%);height:260px;position:relative;margin:0 auto 2px;flex:0 0 260px}.vula-network-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.network-ring{fill:none;stroke:rgba(116,139,255,.28);stroke-width:1.25}.ring-two{stroke:rgba(116,139,255,.12)}.network-path{fill:none;stroke:#586dff;stroke-width:1.7;stroke-linecap:round;vector-effect:non-scaling-stroke}.network-path-soft{stroke:rgba(88,109,255,.42);stroke-width:1.2}.network-node{fill:#ffffff;stroke:#586dff;stroke-width:3;filter:drop-shadow(0 0 5px rgba(88,109,255,.75))}.network-card{position:absolute;background:rgba(255,255,255,.98);color:var(--vula-text);border:1px solid rgba(255,255,255,.42);border-radius:18px;padding:16px 18px;text-align:left;box-shadow:0 18px 45px rgba(0,0,0,.20);min-width:210px}.network-card small{display:block;font-size:9px;letter-spacing:.14em;color:var(--vula-sub);font-weight:700;margin-bottom:7px}.network-card strong{display:block;font-size:16px;letter-spacing:-.02em}.network-card em{display:block;font-size:10px;color:var(--vula-sub);font-style:normal;margin-top:4px}.network-event{left:50%;top:42px;transform:translateX(-50%);min-width:270px;padding:18px 20px}.network-event .network-icon{position:absolute;right:16px;top:13px;color:var(--vula-electric);font-size:22px}.network-vendor{left:2%;top:136px;transform:none}.network-ops{right:2%;top:136px;transform:none}.network-status{width:8px;height:8px;border-radius:50%;position:absolute;right:16px;top:16px}.vula-footer{max-width:var(--vula-max);margin:auto;padding:10px 28px 40px;display:flex;justify-content:space-between;color:var(--vula-sub);font-size:11px}
/* Login */.vula-login-page{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.1fr .9fr}.vula-login-story{background:var(--vula-navy);color:#fff;position:relative;overflow:hidden;padding:80px max(50px,calc((100vw - var(--vula-max))/2)) 80px max(50px,calc((100vw - var(--vula-max))/2))}.vula-login-story:after{content:"";position:absolute;width:800px;height:800px;border:100px solid rgba(255,255,255,.035);border-radius:50%;left:-550px;bottom:-500px}.vula-login-story-inner{max-width:650px;position:relative;z-index:2;padding-top:12vh}.vula-login-story h1{font-size:clamp(45px,4vw,70px);line-height:1.02;letter-spacing:-.05em;margin:18px 0 25px}.vula-login-story p{color:#c1cfd4;line-height:1.7;font-size:16px;margin:0 0 30px}.vula-login-panel{background:#f4f5f5;display:flex;align-items:center;justify-content:center;padding:50px}.vula-login-card{width:min(460px,100%);background:#fff;border:1px solid var(--vula-border);border-radius:24px;padding:42px}.vula-login-card h2{font-size:36px;letter-spacing:-.04em;margin:10px 0 7px}.vula-login-copy{color:var(--vula-sub);font-size:13px;margin-bottom:30px}.vula-login-card form p{margin:0 0 17px}.vula-login-card label{font-size:12px;font-weight:600;display:block;margin-bottom:7px}.vula-login-card input[type=text],.vula-login-card input[type=password]{width:100%;border:1px solid #d9e0e2;border-radius:12px;padding:13px 14px;font:inherit;background:#fbfcfc;outline:none}.vula-login-card input:focus{border-color:var(--vula-blue);box-shadow:0 0 0 3px rgba(21,88,184,.08)}.vula-login-card .login-remember label{display:flex;align-items:center;gap:8px;font-weight:400}.vula-login-card .login-submit input{width:100%;border:0;background:var(--vula-blue);color:#fff;border-radius:999px;padding:13px;font-weight:600;cursor:pointer}.vula-login-links{font-size:12px;text-align:center;margin-top:-4px}.vula-login-links a{color:var(--vula-blue);text-decoration:none}.vula-login-switch{border-top:1px solid #edf0f1;margin-top:25px;padding-top:20px;display:flex;justify-content:center;gap:16px;font-size:11px}.vula-login-switch a{color:var(--vula-sub);text-decoration:none}
/* App shell */.vula-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.vula-sidebar{background:var(--vula-navy);color:#fff;padding:24px 20px;position:relative;overflow:hidden;display:flex;flex-direction:column}.vula-sidebar:before{content:"";position:absolute;width:440px;height:440px;border:70px solid rgba(255,255,255,.025);border-radius:50%;left:-300px;top:-170px}.vula-brand-image{position:relative;z-index:2;width:160px;min-height:74px;overflow:visible;display:flex;align-items:flex-start}.vula-brand-image img{width:150px;max-width:100%;height:auto;display:block;object-fit:contain}.vula-nav{margin-top:20px;position:relative}.vula-nav a{display:block;color:#cbd5d9;text-decoration:none;padding:12px 14px;border-radius:12px;margin:4px 0}.vula-nav a:hover,.vula-nav a.active{background:rgba(255,255,255,.08);color:#fff}.vula-sidebar-bottom{margin-top:auto;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);padding:18px 10px 2px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#b7c5ca}.vula-sidebar-bottom a{text-decoration:none;color:#fff}.vula-main{padding:34px}.vula-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.vula-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--vula-sub)}.vula-top h1{font-size:32px;margin:5px 0}.vula-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.vula-card{background:var(--vula-surface);border:1px solid var(--vula-border);border-radius:var(--vula-radius);padding:20px}.vula-card h2{font-size:24px}.vula-stat strong{font-size:30px;display:block}.vula-stat span{font-size:13px;color:var(--vula-sub)}.vula-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.ready{background:#e8f5ef;color:var(--vula-green)}.action{background:#fff0ef;color:var(--vula-red)}.booked{background:#eaf0ff;color:var(--vula-blue)}
@media(max-width:1050px){.vula-public-nav nav>a:not(.vula-nav-login){display:none}.vula-hero{grid-template-columns:1fr;padding-top:80px}.vula-hero-console{max-width:620px}.vula-feature-grid{grid-template-columns:1fr}.vula-feature-grid article{min-height:190px}.vula-feature-grid h3{margin-top:35px}.vula-split-section{grid-template-columns:1fr;gap:45px;padding:45px}.vula-login-page{grid-template-columns:1fr}.vula-login-story{min-height:440px}.vula-login-story-inner{padding-top:4vh}.vula-login-panel{padding:35px}.vula-shell{grid-template-columns:1fr}.vula-sidebar{display:none}.vula-grid{grid-template-columns:repeat(2,1fr)}.vula-main{padding:20px}}
@media(max-width:650px){.vula-public-nav{padding:0 20px}.vula-public-logo{width:132px;height:62px}.vula-public-logo img{width:128px}.vula-hero{min-height:auto;padding:75px 22px}.vula-hero-copy h1{font-size:48px}.vula-hero-copy p{font-size:15px}.vula-hero-actions{flex-direction:column;align-items:stretch}.vula-hero-console{display:none}.vula-section{padding:80px 22px}.vula-split-section{margin:0 15px 45px;padding:30px 24px}.profile-items{grid-template-columns:1fr}.vula-final-cta{border-radius:0;margin-bottom:0;padding:42px 22px 54px;min-height:0;gap:18px}.vula-network-visual{height:230px;flex-basis:230px;width:100%;margin:0}.network-card{min-width:0;width:168px;padding:13px 14px}.network-event{width:205px;min-width:205px;top:34px}.network-vendor{left:0;top:132px}.network-ops{right:0;top:132px}.network-path-soft{display:none}.vula-final-actions{flex-direction:column;width:100%}.vula-footer{display:none}.vula-login-story{padding:60px 24px}.vula-login-story h1{font-size:43px}.vula-login-panel{padding:20px}.vula-login-card{padding:30px 22px}.vula-login-switch{flex-direction:column;text-align:center}.vula-grid{grid-template-columns:1fr}}


/* ================= Vula Round 2 application ================= */
.vula-workspace-chip{position:relative;z-index:2;margin:8px 4px 16px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)}
.vula-workspace-chip small{display:block;color:#82969f;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px}.vula-workspace-chip strong{font-size:12px;color:#fff}.vula-page-sub{margin:5px 0 0;color:var(--vula-sub);font-size:13px}.vula-notice{background:#eef4ff;border:1px solid #dbe5ff;padding:12px 15px;border-radius:12px;margin-bottom:16px}.vula-btn.secondary{background:#fff;color:var(--vula-text);border:1px solid var(--vula-border)}.vula-btn.small{padding:8px 13px;font-size:11px}.vula-muted{color:var(--vula-sub);line-height:1.6}.vula-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.vula-card-head h2{margin:4px 0}.vula-card-head>a{color:var(--vula-blue);text-decoration:none;font-size:12px}.vula-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:16px;margin-top:16px}.vula-list{display:grid}.vula-list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 2px;border-top:1px solid #edf0f1;text-decoration:none;color:inherit}.vula-list-row:first-child{border-top:0}.vula-list-row>div{min-width:0}.vula-list-row strong{font-size:13px}.vula-list-row span:not(.vula-pill){display:block;color:var(--vula-sub);font-size:11px;margin-top:4px}.vula-empty{text-align:center;padding:38px 20px;color:var(--vula-sub)}.vula-empty strong,.vula-empty h2{color:var(--vula-text)}.vula-mini-graphic{display:flex;align-items:center;justify-content:space-between;margin-top:28px;background:#f4f6f6;border-radius:14px;padding:18px;font-size:11px}.vula-mini-graphic b{color:var(--vula-blue)}
.vula-onboard-wrap{max-width:900px;margin:5vh auto}.vula-onboard-wrap h1{font-size:46px;letter-spacing:-.05em;margin:12px 0}.vula-onboard-wrap>p{color:var(--vula-sub);font-size:16px;max-width:700px;line-height:1.6}.vula-form-card{background:#fff;border:1px solid var(--vula-border);border-radius:22px;padding:28px;margin-top:24px}.vula-form-card.wide{max-width:1050px}.vula-form-card h3{margin:0 0 18px;font-size:20px}.vula-form-card h3:not(:first-child){margin-top:30px;padding-top:24px;border-top:1px solid #eef0f1}.vula-form-card h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--vula-sub);margin:24px 0 10px}.vula-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.vula-form-grid.one{grid-template-columns:1fr}.vula-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.vula-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.vula-field.full{grid-column:1/-1}.vula-field>span{font-size:11px;font-weight:600;color:#35464e}.vula-field input,.vula-field select,.vula-field textarea,.menu-sidebar input{width:100%;box-sizing:border-box;border:1px solid #dce2e4;border-radius:11px;padding:11px 12px;background:#fbfcfc;font:inherit;font-size:13px;color:var(--vula-text);outline:none}.vula-field input:focus,.vula-field select:focus,.vula-field textarea:focus{border-color:var(--vula-blue);box-shadow:0 0 0 3px rgba(21,88,184,.07)}.vula-check{display:flex;align-items:center;gap:9px;font-size:12px;margin:12px 0 18px}.vula-inline-form{display:grid;gap:10px;margin-top:16px}.venue-quick{max-width:1050px;margin-top:16px;display:flex;justify-content:space-between;align-items:flex-start}.venue-quick h3{margin:0}.venue-quick p{color:var(--vula-sub);font-size:12px}.venue-quick summary{list-style:none;cursor:pointer}.venue-quick details[open]{width:min(500px,100%)}
.table-card{padding:0;overflow:hidden}.vula-table{width:100%;border-collapse:collapse;font-size:12px}.vula-table th{text-align:left;padding:13px 18px;background:#f6f8f8;color:var(--vula-sub);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.vula-table td{padding:16px 18px;border-top:1px solid #edf0f1}.vula-table td a{color:inherit;text-decoration:none}.empty-cell{text-align:center;color:var(--vula-sub);padding:40px!important}.event-hero{background:var(--vula-navy);color:#fff;padding:30px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;overflow:hidden}.event-hero:after{content:"";position:absolute;width:380px;height:380px;border:55px solid rgba(255,255,255,.035);border-radius:50%;right:-180px;top:-220px}.event-hero>div,.event-hero>a{position:relative;z-index:2}.event-hero h1{margin:12px 0 5px;font-size:34px}.event-hero p{margin:0;color:#bdcbd1;font-size:12px}.event-stats{margin-bottom:16px}.vula-tabs{display:flex;gap:4px;background:#eef1f2;border-radius:13px;padding:4px;margin-bottom:16px;width:max-content;max-width:100%;overflow:auto}.vula-tabs a{padding:9px 13px;border-radius:9px;font-size:11px;color:var(--vula-sub)}.vula-tabs a.active{background:#fff;color:var(--vula-text);box-shadow:0 1px 4px rgba(0,0,0,.05)}
.vendor-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vendor-discovery-card{background:#fff;border:1px solid var(--vula-border);border-radius:20px;padding:20px}.vendor-card-top{display:flex;justify-content:space-between;align-items:center}.vendor-avatar{width:42px;height:42px;border-radius:12px;background:#eef1ff;color:var(--vula-blue);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.vendor-discovery-card h3{margin:18px 0 7px;font-size:19px}.vendor-discovery-card>p{color:var(--vula-sub);font-size:12px;min-height:36px}.vendor-meta{display:flex;gap:12px;color:var(--vula-sub);font-size:10px;margin-top:16px}.unit-availability-list{border-top:1px solid #eef0f1;margin-top:16px;padding-top:8px}.unit-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0}.unit-line strong{font-size:11px}.unit-line small{display:block;font-size:9px;color:var(--vula-sub);margin-top:3px}.calendar-agenda a{display:flex;align-items:center;gap:17px;padding:14px 0;border-top:1px solid #edf0f1;color:inherit;text-decoration:none}.calendar-agenda a:first-child{border-top:0}.calendar-agenda time{width:48px;height:48px;border-radius:12px;background:#eef2ff;color:var(--vula-blue);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;text-transform:uppercase}.calendar-agenda time b{font-size:18px}.calendar-agenda span{display:block;color:var(--vula-sub);font-size:11px;margin-top:4px}
.unit-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:16px}.unit-profile-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #eef0f1}.unit-profile-row:first-of-type{border-top:0}.unit-profile-row>div:nth-child(2) span{display:block;color:var(--vula-sub);font-size:10px;margin-top:4px}.unit-type-icon{width:40px;height:40px;border-radius:12px;background:#eef1ff;color:var(--vula-blue);display:flex;align-items:center;justify-content:center;font-weight:700}.unit-specs{display:flex;gap:6px}.unit-specs span{padding:6px 9px;border-radius:999px;background:#f3f6f6;font-size:9px;color:var(--vula-sub)}.menu-layout{display:grid;grid-template-columns:240px 1fr;gap:16px}.menu-sidebar{align-self:start}.menu-sidebar>a{display:block;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--vula-sub);font-size:12px;margin:3px 0}.menu-sidebar>a.active{background:#eef2ff;color:var(--vula-blue);font-weight:600}.menu-sidebar form{border-top:1px solid #eef0f1;padding-top:15px;margin-top:15px}.add-item-details{margin-top:15px;border-top:1px solid #eef0f1;padding-top:14px}.add-item-details summary{cursor:pointer;color:var(--vula-blue);font-size:12px;font-weight:600}
@media(max-width:1200px){.vendor-card-grid{grid-template-columns:repeat(2,1fr)}.vula-dashboard-grid,.unit-layout{grid-template-columns:1fr}.menu-layout{grid-template-columns:1fr}.menu-sidebar{display:flex;gap:6px;overflow:auto;align-items:center}.menu-sidebar h3{display:none}.menu-sidebar form{border:0;padding:0;margin:0;display:flex}.menu-sidebar input{min-width:180px}}
@media(max-width:760px){.vula-main{padding:18px}.vula-top{align-items:flex-start;gap:16px}.vula-top h1{font-size:27px}.vula-form-grid,.vula-form-grid.three{grid-template-columns:1fr}.vendor-card-grid{grid-template-columns:1fr}.event-hero{align-items:flex-start;flex-direction:column;gap:18px}.vula-table{min-width:760px}.table-card{overflow:auto}.venue-quick{flex-direction:column}.vula-tabs{width:100%}.unit-profile-row{grid-template-columns:42px 1fr}.unit-specs{grid-column:2}.vula-onboard-wrap h1{font-size:36px}}