:root{--orange:#ff5a1f;--orange-dark:#ed4310;--peach:#fff0e6;--cream:#fffaf5;--paper:#fff;--ink:#181411;--muted:#817873;--line:#eee8e3;--green:#329568;--red:#d74642;--blue:#397aad;--shadow:0 12px 36px rgba(70,45,30,.075);--soft-shadow:0 5px 18px rgba(70,45,30,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding-bottom:calc(92px + env(safe-area-inset-bottom));overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:68px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:rgba(255,250,245,.97);border-bottom:1px solid rgba(238,232,227,.8)}.brand-logo{width:136px;height:40px;object-fit:contain;object-position:left center}.avatar{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;padding:0;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#ff7a44,#ff4b16);color:#fff;font-size:16px;font-weight:800;box-shadow:0 4px 14px rgba(255,90,31,.2);overflow:hidden}.avatar img,.profile-photo img{width:100%;height:100%;object-fit:cover}.svg-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:none}.svg-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.welcome{position:relative;display:flex;min-height:250px;margin:0;padding:42px 20px 24px;overflow:hidden}.welcome>div:first-child{position:relative;z-index:2;max-width:65%}.welcome p{margin:0 0 30px;color:var(--orange);font-size:12px;font-weight:750}.welcome h1{margin:0 0 12px;font-size:36px;line-height:1.02;letter-spacing:-.035em}.welcome span{color:var(--muted)}.clay-shape{position:absolute;right:-72px;bottom:-55px;width:245px;height:245px;border-radius:50%;background:repeating-radial-gradient(ellipse at 36% 44%,#fff 0 13px,#f7eee6 14px 23px,#fff 25px 39px);filter:drop-shadow(-15px 12px 15px rgba(107,67,43,.12));transform:rotate(-18deg)}.clay-shape:after{content:"";position:absolute;inset:36px;border-radius:45% 55% 53% 47%;background:linear-gradient(135deg,#ff925d 5%,#ff4c12 48%,#d63808);box-shadow:inset 8px 8px 16px rgba(255,255,255,.35),inset -8px -10px 18px rgba(153,37,0,.25)}.clay-shape i,.clay-shape b{position:absolute;z-index:2;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e8d9ce);box-shadow:0 8px 16px rgba(80,48,30,.14)}.clay-shape i{width:28px;height:28px;top:22px;left:46px}.clay-shape b{width:15px;height:15px;top:68px;left:19px}.section{padding:0 16px;margin:20px 0}.section.page-head{margin-top:24px}.page-head h1{margin:5px 0 4px;font-size:31px;line-height:1.08;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.eyebrow.dark{color:var(--orange)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section h2{margin:0;font-size:20px;line-height:1.18;letter-spacing:-.015em}.section-head button,.link{min-height:42px;border:0;background:none;color:var(--orange);font-weight:750}.home-feature{position:relative;min-height:205px;padding:24px;border:1px solid #f1ebe6;border-radius:25px;background:linear-gradient(145deg,#fff 25%,#fff8f1);box-shadow:var(--shadow);overflow:hidden}.home-feature>div:first-child{position:relative;z-index:3}.home-feature h2{margin:8px 0 7px;font-size:24px}.home-feature p{max-width:190px;margin:0;color:var(--muted);font-size:13px}.home-feature .clay-shape.small{right:-84px;bottom:-86px;width:220px;height:220px}.round-arrow{display:grid;place-items:center;width:43px;height:43px;margin-top:18px;border:0;border-radius:50%;background:#fff;color:var(--ink);box-shadow:var(--soft-shadow)}.round-arrow .svg-icon{width:19px;height:19px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick{display:flex;min-width:0;min-height:112px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:11px;border:1px solid var(--line);border-radius:19px;background:var(--paper);padding:15px 12px;text-align:left;box-shadow:var(--soft-shadow);transition:.15s ease}.quick:active{transform:scale(.97)}.quick .svg-icon{width:27px;height:27px;color:var(--orange)}.quick b{display:block;font-size:12px;line-height:1.2;overflow-wrap:anywhere}.cards{display:grid;gap:11px}.card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:17px;margin-bottom:11px;box-shadow:var(--soft-shadow);overflow:hidden}.card h3{margin:0 0 7px;font-size:17px;line-height:1.25;overflow-wrap:anywhere}.card p{margin:7px 0;color:var(--muted);overflow-wrap:anywhere}.card>.primary:last-child{margin-top:15px}.meta{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 11px}.pill{display:inline-flex;align-items:center;min-height:27px;padding:5px 10px;border-radius:99px;background:var(--peach);color:var(--orange-dark);font-size:11px;font-weight:750}.pill.green{background:#e5f5ed;color:var(--green)}.pill.warning{background:#fff1cf;color:#895c00}.pill.blue{background:#e7f1fa;color:var(--blue)}.pill.red{background:#fde9e6;color:var(--red)}.primary,.secondary,.danger{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;border:0;border-radius:15px;padding:12px 16px;font-weight:750;font-size:14px;text-align:center;text-decoration:none;transition:.15s ease}.primary{background:linear-gradient(135deg,#ff6f32,#ff4d14);color:#fff;box-shadow:0 7px 16px rgba(255,81,20,.18)}.primary:active{transform:translateY(1px)}.primary:disabled{background:#eee8e4;color:#a59c96;box-shadow:none}.secondary{background:#fff1e8;color:var(--orange-dark);margin-top:8px}.danger{background:var(--red);color:#fff}.compact{width:auto;margin:12px auto}.button-link{margin-top:10px}.empty{text-align:center;padding:42px 22px;color:var(--muted)}.empty h2,.empty h3{color:var(--ink)}.bottom-nav{--nav-count:4;position:fixed;z-index:30;bottom:10px;left:12px;right:12px;display:grid;grid-template-columns:repeat(var(--nav-count),minmax(0,1fr));padding:7px max(4px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:23px;box-shadow:0 10px 30px rgba(50,32,20,.12)}.bottom-nav button{display:flex;min-width:0;min-height:49px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;color:#958d88}.bottom-nav .svg-icon{width:21px;height:21px}.bottom-nav span:last-child{max-width:100%;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav .active{color:var(--orange);font-weight:750}.modal{position:fixed;z-index:50;inset:0;background:rgba(28,20,16,.42);display:flex;align-items:flex-end}.modal[hidden],.toast[hidden]{display:none}.sheet{width:100%;max-height:92vh;overflow:auto;background:var(--cream);border-radius:28px 28px 0 0;padding:23px 18px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -12px 50px rgba(30,20,13,.14)}.sheet h2{margin:0 46px 16px 0;font-size:24px}.close{float:right;display:grid;place-items:center;width:38px;height:38px;border:0;background:#f1eae5;border-radius:50%;color:var(--ink);font-size:23px}.field{margin:16px 0}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid #e5ddd8;border-radius:14px;padding:12px 13px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(255,90,31,.12);border-color:var(--orange)}.field textarea{min-height:104px;resize:vertical}.field small{color:var(--muted)}.checks{border:0;padding:0}.checks legend{font-weight:750;margin-bottom:7px}.checks label{display:flex;gap:11px;align-items:flex-start;margin:12px 0;font-weight:400}.checks input{width:20px;height:20px;flex:none;accent-color:var(--orange)}.required-field label:after{content:" *";color:var(--orange)}.notice,.message{padding:13px;border-radius:14px;background:#fff0d7;color:#704c08;font-size:12px}.notice.neutral,.message{background:#f7efe8;color:#594b43}.message{margin-top:10px}.message.red{background:#fde8e6;color:var(--red)}.error{padding:13px;border-radius:14px;background:#ffe8e5;color:#9d2828;margin:10px 0}.toast{position:fixed;z-index:80;left:50%;bottom:105px;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 17px;border-radius:99px;background:#1f1a17;color:#fff;font-weight:700;box-shadow:var(--shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-cover{text-align:center;padding:18px 18px 27px;background:linear-gradient(180deg,#fff0e5,transparent)}.back-button{display:block;min-height:42px;border:0;background:none;color:var(--orange);font-weight:750;padding:7px 0}.profile-photo{display:grid;place-items:center;width:90px;height:90px;margin:4px auto 12px;border:4px solid #fff;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#ff7c47,#ff4e17);color:#fff;font-size:31px;font-weight:800;box-shadow:0 10px 24px rgba(255,90,31,.18)}.profile-cover h1{margin:0;font-size:24px}.profile-cover p{margin:4px 0;color:var(--muted)}.profile-form-wrap{max-width:620px;margin:0 auto}.consent{padding:14px;border-radius:17px;background:#fff}.info-row{display:flex;align-items:center;gap:12px;margin:11px 0;padding:12px;border-radius:15px;background:#f9f2ec}.info-row>.svg-icon{color:var(--orange)}.info-row div{display:flex;min-width:0;flex-direction:column}.info-row small{color:var(--muted)}.info-row b{overflow-wrap:anywhere}.calendar{padding:18px 14px 14px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--soft-shadow)}.calendar-title h2{text-transform:capitalize}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.calendar-week{margin:17px 0 8px;color:var(--muted);font-size:10px}.calendar-day{position:relative;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:12px}.calendar-day.has-event{color:var(--orange);font-weight:800}.calendar-day.has-event i{position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--orange)}.calendar-day.selected{background:var(--orange);color:#fff}.calendar-day.selected i{background:#fff}.event-card{display:flex;gap:13px}.event-date{display:flex;flex:0 0 58px;height:64px;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(145deg,#ff7135,#ff4e16);color:#fff}.event-date b{font-size:22px;line-height:1}.event-date span{font-size:11px;text-transform:uppercase}.event-content{flex:1;min-width:0}.location,.event-time{display:flex;align-items:flex-start;gap:5px;color:var(--ink)!important;font-size:12px}.location .svg-icon,.event-time .svg-icon{width:15px;height:15px;color:var(--orange)}.event-content .primary{margin-top:14px}.deadline{font-size:12px}.staff-head{padding:23px 20px;border-radius:0 0 25px 25px;background:linear-gradient(145deg,#22201e,#35302c);color:#fff}.staff-head .eyebrow{color:#ff9a6e}.staff-head p{color:#cfc6c0}.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.summary div{display:flex;flex-direction:column;padding:13px;border-radius:15px;background:rgba(255,255,255,.09)}.summary b{font-size:25px}.summary span{font-size:12px;opacity:.7}.staff-tabs{position:sticky;top:67px;z-index:15;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:9px 14px;background:var(--cream)}.staff-tabs button{min-width:0;min-height:42px;border:0;border-radius:12px;background:#f0eae5;color:var(--muted);font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis}.staff-tabs button.active{background:var(--orange);color:#fff}.staff-content{margin-top:10px}.client-card{display:flex;min-width:0;flex-direction:column;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line)}.client-card b,.client-card a,.client-card span{overflow-wrap:anywhere}.client-card b{font-size:16px}.client-card a{color:var(--orange-dark);font-size:17px;font-weight:750}.client-card span{color:var(--muted)}.history{margin-top:24px}.history summary{min-height:48px;padding:14px 0;color:var(--orange);font-weight:750}.applicant-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.applicant-title h3{margin:0}.applicant-title span{font-size:12px;color:var(--muted)}.mini-avatar{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:#ffede3;color:var(--orange);font-size:18px;font-weight:800}.client-card.flat{padding:10px 0;border:0;background:transparent}.client-card.flat a{font-size:16px}.applicant-stats{display:flex;gap:16px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.search-field{position:sticky;top:119px;z-index:14;background:var(--cream);padding:4px 0 10px}.success-state{text-align:center}.success-icon{display:grid;place-items:center;width:65px;height:65px;margin:4px auto 14px;border-radius:50%;background:#e3f4eb;color:var(--green);font-size:31px}.sheet-loader{padding:38px;text-align:center;color:var(--muted)}.skeleton-page{padding:14px}.skeleton{position:relative;overflow:hidden;border-radius:20px;background:#eee7e1}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.25s infinite}.hero-skeleton{height:220px}.skeleton-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.skeleton-row .skeleton{height:112px}.list-skeleton{height:160px;margin-bottom:10px}@keyframes shimmer{100%{transform:translateX(100%)}}
@media(max-width:370px){.welcome h1{font-size:32px}.quick-grid{gap:7px}.quick{padding:13px 9px}.quick b{font-size:11px}.bottom-nav{left:7px;right:7px}.bottom-nav span:last-child{font-size:8px}.event-card{gap:10px}.event-date{flex-basis:52px}.staff-tabs{padding-inline:8px}}
@media(min-width:720px){body{max-width:760px;margin:auto}.bottom-nav{left:50%;right:auto;width:736px;transform:translateX(-50%)}.modal{justify-content:center}.sheet{max-width:640px;border-radius:28px;margin-bottom:20px}.grid:not(.quick-grid){grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.event-card{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 2026 concept pass */
:root{--cream:#fffaf6;--orange:#ff5418;--orange-dark:#e9430d;--staff:#080c0f;--staff-card:#151a1d;--staff-line:#2a3034}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;letter-spacing:-.01em}.topbar{padding-inline:20px;background:rgba(255,250,246,.86);backdrop-filter:blur(18px);border:0}.brand-logo{width:122px}.bottom-nav{max-width:720px;margin:auto;min-height:70px;border-radius:26px;backdrop-filter:blur(20px)}.bottom-nav button{min-height:52px}.bottom-nav span:last-child{font-size:10px}.page-head h1{font-size:34px}.section{padding-inline:20px}.welcome{min-height:300px;padding:55px 25px 25px}.welcome h1{font-size:45px}.hero-art{right:-55px;width:300px;height:280px}.home-feature{min-height:240px;padding:27px;border-radius:29px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick{min-height:126px;border-radius:25px}.staff-entry{grid-column:1/-1;min-height:80px}.services-head h1{font-size:39px}.service-hero{position:relative;min-height:280px;margin:0 20px 28px;padding:27px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#ff6e31,#ff470e);color:#fff;box-shadow:0 18px 45px rgba(255,84,24,.22)}.service-hero img,.service-banner img{position:absolute;right:-70px;bottom:-70px;width:270px;height:270px;object-fit:contain;pointer-events:none}.service-hero>*:not(img),.service-banner>*:not(img){position:relative;z-index:1;max-width:68%}.service-hero span,.service-banner span{font-size:11px}.service-hero h2{margin:28px 0 8px;font-size:26px}.service-hero p{margin:0;color:#fff}.service-list{display:grid;grid-template-columns:1fr;gap:12px}.service-row,.event-row{display:flex;width:100%;min-height:92px;align-items:center;justify-content:space-between;gap:14px;padding:17px;border:1px solid var(--line);border-radius:23px;background:#fff;color:var(--ink);text-align:left;box-shadow:var(--soft-shadow)}.service-row h3,.event-row h3{margin:0 0 5px;font-size:17px}.service-row p,.event-row p{margin:0;color:var(--muted);font-size:13px}.service-row>.svg-icon,.event-row>.svg-icon{width:18px}.service-detail{padding:20px}.circle-back{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:var(--soft-shadow);font-size:25px}.brand-mark{position:absolute;top:88px;right:20px;width:105px;height:60px;object-fit:contain}.service-banner{position:relative;min-height:340px;margin-top:24px;padding:30px;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#ff7437,#ff4b10);color:#fff}.service-banner img{width:330px;height:330px}.service-banner h1{margin:35px 0 13px;font-size:36px;line-height:1.03}.service-banner p{color:#fff;font-size:17px}.service-copy{padding:28px 8px}.service-copy h2{font-size:27px}.service-copy p{font-size:16px;color:var(--muted)}.format-summary{display:flex;flex-direction:column;margin:22px 0;padding:18px;border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}.format-summary span{color:var(--muted);font-size:12px}.format-summary b{font-size:18px}.segmented,.staff-filters{display:flex;gap:8px;margin:20px 0}.segmented button,.staff-filters button{min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--muted)}.segmented button.active,.staff-filters button.active{background:linear-gradient(135deg,#ff6a2d,#ff4b11);border-color:transparent;color:#fff}.application-number{margin-left:auto;color:var(--muted);font-size:11px}.format-line{font-size:13px}.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0}.choice-cards legend{grid-column:1/-1;font-size:18px;font-weight:800}.choice-cards label{display:block}.choice-cards input{position:absolute;opacity:0}.choice-cards label>span{display:flex;min-height:120px;flex-direction:column;align-items:flex-start;gap:7px;padding:16px;border:1px solid var(--line);border-radius:20px;background:#fff}.choice-cards input:checked+span{border:2px solid var(--orange);background:#fff5ef}.choice-cards small{color:var(--muted)}.profile-confirm,.presenter{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px;border-radius:18px;background:#fff}.profile-confirm>div:nth-child(2),.presenter>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.profile-confirm span,.presenter span{color:var(--muted)}.profile-confirm button{min-height:44px;border:0;background:none;color:var(--orange)}.success-screen{text-align:center}.success-screen>img{width:210px;height:210px;object-fit:contain;pointer-events:none}.success-screen h2{margin:0;font-size:32px}.success-screen p{color:var(--muted)}.event-list>h2{text-transform:capitalize;margin-bottom:15px}.event-row{margin:10px 0}.event-time-block{flex:0 0 58px;color:var(--ink);font-size:16px;font-weight:800}.event-row>div:nth-child(2){flex:1}.event-detail{min-height:100vh;background:#fff}.event-dark{padding:25px 28px 35px;background:linear-gradient(145deg,#292929,#121313);color:#fff}.circle-back.dark{background:rgba(255,255,255,.13);color:#fff;box-shadow:none}.big-date{margin-top:65px;color:var(--orange);font-size:38px;font-weight:800;text-transform:capitalize}.event-dark>span{color:#aaa}.event-dark h1{font-size:35px;line-height:1.08}.event-dark p{color:#bbb}.event-detail-body{padding:24px}.event-detail-body>p{color:var(--muted)}.profile-cover{position:relative;overflow:hidden;padding-top:35px;background:#fffaf6}.profile-cover:after{content:"";position:absolute;right:-80px;top:45px;width:280px;height:220px;background:url('/static/assets/decor/profile-wave-v1.png') center/contain no-repeat;pointer-events:none;opacity:.75}.profile-cover>*{position:relative;z-index:1}.profile-photo{width:116px;height:116px}

/* Employee workspace */
.staff-mode{max-width:none;background:var(--staff);color:#f7f7f7}.staff-mode .topbar{display:none}.staff-mode #app{min-height:100vh;background:radial-gradient(circle at 80% 0,#182025 0,transparent 33%),var(--staff)}.staff-mode .bottom-nav{background:rgba(21,26,29,.96);border-color:var(--staff-line);box-shadow:0 10px 35px rgba(0,0,0,.35)}.staff-mode .bottom-nav button{color:#8d969b}.staff-mode .bottom-nav .active{color:var(--orange)}.staff-page-head{display:flex;align-items:center;justify-content:space-between;padding:calc(35px + env(safe-area-inset-top)) 22px 20px}.staff-page-head small{color:#92999d}.staff-page-head h1{margin:7px 0 0;color:#fff;font-size:38px;line-height:1.05}.staff-add{display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff6b2d,#ff4810);color:#fff;font-size:32px}.staff-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:10px 20px 25px}.metric{display:flex;min-height:145px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px;border:1px solid var(--staff-line);border-radius:25px;background:linear-gradient(145deg,#1c2124,#121619);color:#fff;text-align:left}.metric.orange{grid-row:span 2;min-height:302px;background:linear-gradient(145deg,#ff682c,#ff4310);border:0}.metric span{color:#b6bbbe}.metric.orange span{color:#fff}.metric b{font-size:54px}.staff-section{padding:10px 20px 28px}.staff-section h2{font-size:25px}.staff-list-row,.staff-person-row{display:flex;width:100%;min-height:112px;align-items:center;gap:14px;margin:11px 0;padding:18px;border:1px solid var(--staff-line);border-radius:24px;background:linear-gradient(145deg,#171d20,#101416);color:#fff;text-align:left}.staff-list-row>div,.staff-person-row>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.staff-list-row span,.staff-person-row span{color:#92999d}.staff-list-row b,.staff-person-row b{font-size:18px}.staff-list-row small{color:#92999d}.staff-list-row>.svg-icon{color:#8d969b}.staff-search{display:flex;align-items:center;gap:10px;min-height:58px;padding:0 16px;border:1px solid var(--staff-line);border-radius:20px;background:#111619;color:#899196}.staff-search input{width:100%;border:0;outline:0;background:none;color:#fff;font-size:16px}.staff-filters{overflow:auto}.staff-mode .staff-filters button{border-color:var(--staff-line);background:#111619;color:#9ba2a6;white-space:nowrap}.staff-mode .staff-filters button.active{background:linear-gradient(135deg,#ff692b,#ff4810);color:#fff}.staff-empty,.staff-loading{padding:60px 25px;color:#92999d;text-align:center}.staff-empty h2{color:#fff}.staff-sheet{color:var(--ink)}.staff-person{display:flex;gap:12px;padding:15px;border-radius:18px;background:#161b1e;color:#fff}.staff-person>div:nth-child(2){display:flex;flex-direction:column}.staff-person a,.staff-person-row a{color:#ff7b4c;text-decoration:none}.staff-note{margin:14px 0;padding:16px;border:1px solid #31373a;border-radius:18px;background:#171c1f}.staff-note small{color:#92999d}.staff-note p{margin:5px 0}.staff-event{margin:12px 0;border:1px solid var(--staff-line);border-radius:25px;background:linear-gradient(145deg,#171d20,#101416);overflow:hidden}.staff-event>button{display:flex;width:100%;gap:15px;padding:17px;border:0;background:none;color:#fff;text-align:left}.staff-event>button>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.staff-event span,.staff-event small{color:#92999d}.staff-event-date{display:grid;place-items:center;width:70px;min-height:70px;border-radius:18px;background:linear-gradient(145deg,#ff6b2d,#ff4710);font-size:19px;font-weight:800;text-transform:uppercase}.staff-event-actions{display:flex;border-top:1px solid var(--staff-line)}.staff-event-actions button{min-height:48px;flex:1;border:0;background:none;color:#ff7a49}.participant-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.participant-stats div{display:flex;flex-direction:column;padding:18px;border:1px solid var(--staff-line);border-radius:20px;background:#111619}.participant-stats span{color:#92999d}.participant-stats b{font-size:28px}.staff-back{min-height:44px;border:0;background:none;color:#ff7a49;text-align:left}.staff-person-row .mini-avatar{background:#20272b;color:#fff}.staff-person-row>.pill{flex:none}.tiny-edit{min-height:44px;border:0;background:none;color:#ff7a49}.cover-picker{padding:14px;border:1px dashed #cfc4bb;border-radius:18px;text-align:center}.cover-picker img{display:block;width:100%;height:150px;margin-bottom:10px;border-radius:14px;object-fit:cover}.cover-picker input{position:absolute;opacity:0}.cover-picker label{display:inline-flex;min-height:44px;align-items:center;color:var(--orange);font-weight:700}.cover-picker small{display:block;color:var(--muted)}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-fields label{font-size:12px}.two-fields input{margin-top:6px}.toggle-row{display:flex;align-items:center;gap:10px;min-height:48px;margin:14px 0}.toggle-row input{width:22px;height:22px;accent-color:var(--orange)}
@media(min-width:760px){.staff-mode #app{padding-left:112px}.staff-mode .bottom-nav{top:20px;bottom:20px;left:18px;right:auto;width:82px;transform:none;grid-template-columns:1fr;align-content:center}.staff-mode .bottom-nav button{min-height:72px}.staff-dashboard{grid-template-columns:repeat(3,1fr)}.metric.orange{grid-row:auto;min-height:180px}.metric{min-height:180px}.staff-section,.staff-page-head,.staff-dashboard{max-width:980px;margin:auto}.staff-person-row{display:inline-flex;width:calc(50% - 8px);vertical-align:top}.staff-person-row:nth-child(even){margin-left:12px}}
@media(max-width:370px){.service-banner h1{font-size:31px}.service-banner{padding:23px}.choice-cards{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}.staff-page-head h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.service-hero img,.service-banner img,.profile-cover:after,.success-screen>img{animation:none!important}}
.event-dark{position:relative;min-height:430px;overflow:hidden}.event-dark-content{position:relative;z-index:2}.event-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.event-cover-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(8,9,9,.25),rgba(8,9,9,.93) 86%)}.event-dark:not(.has-cover) .event-cover-shade{display:none}.event-dark.has-cover{background:#171818}.event-dark.has-cover .big-date{margin-top:120px}.event-dark.has-cover h1{text-shadow:0 2px 16px rgba(0,0,0,.45)}
.clay-art{position:absolute;display:block;pointer-events:none;object-fit:contain;user-select:none}.hero-art{right:-80px;bottom:-18px;width:270px;height:230px;transform:rotate(-8deg)}.card-art{right:-78px;bottom:-66px;width:235px;height:220px;transform:rotate(16deg)}.export-button{margin:0 0 14px}.event-registration-group{margin:0 0 11px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--soft-shadow);overflow:hidden}.event-registration-group>summary{display:flex;min-height:92px;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}.event-registration-group>summary::-webkit-details-marker{display:none}.event-registration-group>summary>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.event-registration-group>summary>div:nth-child(2)>b{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.event-registration-group>summary>div:nth-child(2)>span,.event-registration-group>summary>div:nth-child(2)>small{color:var(--muted);font-size:11px}.event-registration-group>summary>.svg-icon{width:18px;height:18px;color:var(--muted);transition:transform .18s}.event-registration-group[open]>summary>.svg-icon{transform:rotate(90deg)}.registration-group-body{padding:0 14px 14px;border-top:1px solid var(--line)}.registration-group-body>.secondary{margin:12px 0}.registration-person{display:flex;min-width:0;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.registration-person:first-of-type{border-top:0}.registration-person>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.registration-person b,.registration-person a,.registration-person span{overflow-wrap:anywhere}.registration-person a{color:var(--orange-dark);font-weight:700;text-decoration:none}.registration-person>div:nth-child(2)>span{color:var(--muted);font-size:11px}.registration-person>.pill{flex:none}
@media(max-width:370px){.hero-art{right:-103px}.card-art{right:-96px}.registration-person>.pill{display:none}}
.topbar{height:auto;min-height:calc(68px + env(safe-area-inset-top))}
.topbar{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;grid-template-areas:"switch logo avatar";align-items:center;gap:10px;width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.topbar .brand-logo{grid-area:logo;justify-self:center;width:auto;max-width:min(142px,44vw);height:38px;object-position:center}.topbar .avatar{grid-area:avatar;justify-self:end;margin-left:0}.mode-switch{grid-area:switch;display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--orange);box-shadow:var(--soft-shadow)}.mode-switch[hidden]{display:grid;visibility:hidden;pointer-events:none}.mode-switch .svg-icon{width:23px;height:23px}.staff-mode .topbar{display:grid;position:fixed;z-index:30;top:0;left:0;right:0;max-width:1120px;margin:auto;background:transparent;border:0;pointer-events:none}.staff-mode .topbar>*{pointer-events:auto}.staff-mode .brand-logo,.staff-mode .avatar{visibility:hidden}.staff-mode .mode-switch{visibility:visible;background:#1a2023;border-color:var(--staff-line);color:#ff7543;box-shadow:none}

@media(max-width:360px){.topbar{grid-template-columns:42px minmax(0,1fr) 42px;padding-left:10px;padding-right:10px;gap:6px}.mode-switch{width:42px;height:42px}.avatar{width:40px;height:40px}.topbar .brand-logo{max-width:42vw;height:34px}.section{padding-inline:14px}.welcome{padding-left:18px}.welcome h1{font-size:35px}.quick{padding:13px 10px}.quick b{font-size:11px}}

.service-hero{display:block;width:calc(100% - 40px);border:0;text-align:left}.service-hero:disabled,.service-row:disabled{opacity:.58;cursor:not-allowed}.availability{display:inline-flex;margin-top:10px;padding:5px 9px;border-radius:99px;background:#e5f5ed;color:var(--green);font-size:10px;font-weight:750}.availability.low,.availability.queue{background:#fff1cf;color:#895c00}.availability.paused{background:#fde9e6;color:var(--red)}
@media(max-width:360px){.service-hero{width:calc(100% - 28px);margin-left:14px;margin-right:14px}.service-hero>*:not(img){max-width:70%}.service-hero h2{font-size:22px}}

.service-facts{margin-bottom:24px;padding:18px;border-radius:20px;background:#fff;box-shadow:var(--soft-shadow)}.service-facts h2{margin:0 0 8px}.service-facts p{margin:0;white-space:pre-line}.staff-settings-link{display:flex;width:100%;align-items:center;gap:14px;margin-bottom:26px;padding:18px;border:1px solid var(--staff-line);border-radius:22px;background:linear-gradient(145deg,#171d20,#101416);color:#fff;text-align:left}.staff-settings-link>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.staff-settings-link small{color:#92999d}.staff-settings-link>.svg-icon:first-child{color:var(--orange)}.staff-service-card{margin:12px 0;padding:18px;border:1px solid var(--staff-line);border-radius:24px;background:linear-gradient(145deg,#171d20,#101416)}.staff-service-card h3{margin:8px 0;color:#fff}.staff-service-card p{color:#92999d;white-space:pre-line}.service-admin-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.service-admin-stats span{display:flex;flex-direction:column;padding:10px;border-radius:13px;background:#101416;color:#92999d}.service-admin-stats b{color:#fff;font-size:18px}.staff-card-actions{display:flex;margin:15px -18px -18px;border-top:1px solid var(--staff-line)}.staff-card-actions button{min-height:50px;flex:1;border:0;background:none;color:#ff7a49}.staff-card-actions button+button{border-left:1px solid var(--staff-line)}
.staff-tabs{top:calc(67px + env(safe-area-inset-top))}
.calendar-title{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px}
.calendar-title h2{text-align:center}
.calendar-title button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--peach);color:var(--orange);font-size:27px;line-height:1}
.staff-person-count{flex:none;color:#92999d;font-size:12px;text-align:right}.staff-person-row small{color:#92999d}
.application-flow{padding-top:4px}.flow-head{display:grid;grid-template-columns:44px 1fr 55px;align-items:center;gap:8px;margin-bottom:16px}.flow-head>span{text-align:center;font-size:21px;font-weight:800}.flow-head>b{color:var(--orange);text-align:right}.flow-head>button{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:22px;box-shadow:var(--soft-shadow)}.flow-head:not(:has(button)){grid-template-columns:1fr 55px}.flow-head:not(:has(button))>span{text-align:left}.flow-progress{height:4px;margin-bottom:22px;border-radius:99px;background:#f1dfd5;overflow:hidden}.flow-progress i{display:block;width:50%;height:100%;border-radius:inherit;background:var(--orange)}.flow-progress.complete i{width:100%}.application-service-summary{position:relative;padding:20px;margin-bottom:22px;border-radius:22px;background:linear-gradient(145deg,#fff,#fff5ee);box-shadow:var(--soft-shadow);overflow:hidden}.application-service-summary:after{content:"";position:absolute;right:-48px;bottom:-58px;width:155px;height:155px;background:url('/static/assets/decor/service-corner-v1.png') center/contain no-repeat;pointer-events:none}.application-service-summary>*{position:relative;z-index:1;max-width:75%}.application-service-summary small{color:var(--orange);font-weight:750}.application-service-summary h2{margin:7px 0;font-size:24px}.application-service-summary p{margin:0;color:var(--muted)}.application-address{margin:16px 0}.character-count{margin-top:-26px;padding:0 12px 8px;text-align:right;color:var(--muted);font-size:12px;pointer-events:none}.slot-picker{border:0;padding:0}.slot-picker legend{margin-bottom:12px;font-size:19px;font-weight:800}.slot-days{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slot-days button{display:flex;min-width:0;min-height:78px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--muted)}.slot-days button b{font-size:21px}.slot-days button span{text-transform:lowercase}.slot-days button.active{border-color:transparent;background:linear-gradient(145deg,#ff7236,#ff4b12);color:#fff;box-shadow:0 8px 18px rgba(255,82,19,.18)}.slot-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.slot-times button{min-height:50px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);font-weight:750}.slot-times button.active{border-color:#191919;background:#191919;color:#fff}.success-summary{display:flex;flex-direction:column;gap:5px;margin:18px 0;padding:18px;border-radius:20px;background:#fff;text-align:left;box-shadow:var(--soft-shadow)}.success-summary b{font-size:17px}.success-summary span{color:var(--muted)}
.staff-list-row>.pill{flex:none;max-width:92px;color:inherit;text-align:center}.staff-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.staff-detail-grid .staff-note{margin:0}.staff-detail-actions{display:grid;gap:10px;margin-top:18px}.application-history{margin:8px 0 20px}.history-row{position:relative;display:flex;gap:12px;padding:8px 0 13px 4px}.history-row:not(:last-child):after{content:"";position:absolute;left:9px;top:24px;bottom:-2px;width:1px;background:#d9d0ca}.history-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #fff}.history-row>div{display:flex;min-width:0;flex:1;flex-direction:column}.history-row small,.history-row p{margin:3px 0;color:var(--muted)}
@media(max-width:360px){.staff-detail-grid{grid-template-columns:1fr}.staff-list-row{padding:14px}.staff-list-row>.pill{max-width:76px;font-size:10px}}

/* Mobile safeguards for Telegram WebView and explicit employee navigation. */
.staff-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.staff-page-head>div{min-width:0}.staff-page-head h1,.staff-page-head small{overflow-wrap:anywhere}.staff-app-return{grid-column:1/-1;justify-self:start;min-height:42px;padding:7px 0;border:0;background:none;color:#ff7a49;font-weight:750}.staff-person-row>div,.staff-event>button>div{min-width:0}.staff-person-row b,.staff-person-row span,.staff-person-row a,.staff-event b,.staff-event span{overflow-wrap:anywhere}.staff-person-row input[type="checkbox"]{width:22px;height:22px;flex:0 0 22px;accent-color:var(--orange)}
@media(max-width:370px){.staff-page-head{padding-left:14px;padding-right:14px}.staff-page-head h1{font-size:30px}.staff-section,.staff-dashboard{padding-left:14px;padding-right:14px}.staff-dashboard{gap:8px}.metric{min-height:126px;padding:15px;border-radius:20px}.metric.orange{min-height:260px}.metric b{font-size:42px}.staff-list-row,.staff-person-row{gap:9px;padding:13px;border-radius:19px}.staff-person-row .mini-avatar{width:39px;height:39px}.staff-person-row>.pill{max-width:78px;padding-inline:7px;text-align:center;justify-content:center}.staff-person-row>.tiny-edit{flex-basis:100%;margin-left:31px;text-align:left}.staff-person-row{flex-wrap:wrap}.participant-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.participant-stats div{padding:12px 8px}.participant-stats span{font-size:10px}.participant-stats b{font-size:23px}.staff-event-date{width:56px;min-height:62px}.staff-event>button{gap:10px;padding:13px}.topbar .brand-logo{max-width:132px;width:42vw}.bottom-nav{max-width:calc(100% - 14px)}}
.participant-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.participant-stats div{min-width:0;padding:13px}.participant-stats span{font-size:11px}.participant-stats b{font-size:24px}