:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111;background:#fff;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:#fff;border:1px solid #d5e8e0;border-radius:9px;padding:11px 16px;min-height:44px}button:hover{background:#f5efff}button:disabled{cursor:wait}.primary{background:#82e8c5;border-color:#82e8c5;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #d5e8e0;border-radius:9px;background:#fff}textarea{min-height:100px}label{display:grid;gap:9px;font-size:15px}h1{font-size:32px;letter-spacing:-1px}h2{font-size:22px}p,small{line-height:1.7}small{font-size:13px}#live:has(>.login-card){min-height:100vh;min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden;padding:24px 0;background:#fff}#live:has(>.login-card)::before,#live:has(>.login-card)::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(85vw,780px);height:min(85vw,780px);min-width:330px;min-height:330px;border-radius:50%;filter:blur(55px);opacity:.52;will-change:transform}#live:has(>.login-card)::before{background:radial-gradient(circle,#82e8c5 0%,#82e8c566 36%,#82e8c500 70%);left:-12%;top:-18%;animation:station-mint-drift 16s ease-in-out infinite alternate}#live:has(>.login-card)::after{background:radial-gradient(circle,#b58be9 0%,#b58be955 36%,#b58be900 70%);right:-15%;bottom:-22%;animation:station-purple-drift 19s ease-in-out infinite alternate}.login-card{width:100%;max-width:440px;margin:0;padding:30px;text-align:center}.login-card .login-brand{width:100%;margin:0 0 30px;line-height:1;font-size:inherit;letter-spacing:0}.login-brand svg{display:block;width:100%;height:auto;overflow:visible}.login-brand text{fill:#111;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:800;font-size:44px;letter-spacing:1px}.login-card p{margin:0;line-height:1.7}.login-card button{display:block;width:100%;margin:40px 0 16px;min-height:52px;border-radius:12px}.login-card #login-status{min-height:48px}.login-card button:focus-visible{outline:3px solid #6030b2;outline-offset:4px}@keyframes station-mint-drift{from{transform:translate(0,0) scale(.95)}to{transform:translate(24vw,20vh) scale(1.13)}}@keyframes station-purple-drift{from{transform:translate(0,0) scale(1.05)}to{transform:translate(-22vw,-18vh) scale(.92)}}@media(prefers-reduced-motion:reduce){#live:has(>.login-card)::before,#live:has(>.login-card)::after{animation:none;will-change:auto}}.logo{font-size:18px;letter-spacing:1px}#login-status{font-size:14px}header{height:80px;position:fixed;left:240px;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #d5e8e0;background:#fff;z-index:2}header small{display:block}aside{position:fixed;inset:0 auto 0 0;background:#111;color:#fff;width:240px;padding:28px 20px;display:flex;flex-direction:column}aside .logo{color:#d7baff;margin-bottom:30px}aside nav{flex:1;overflow:auto;scrollbar-width:none}aside button{display:block;width:100%;background:none;color:#fff;border:0;text-align:left;margin:7px 0}aside button.active{background:#82e8c5;color:#111}main{margin-left:240px;padding:115px 40px 40px;max-width:1500px}.hero{background:#e8fbf3;border-radius:18px;padding:30px;margin:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.list{border-top:1px solid #d5e8e0}.row{display:flex;gap:20px;width:100%;align-items:center;justify-content:space-between;padding:22px 0;border:0;border-bottom:1px solid #d5e8e0;border-radius:0;text-align:left}.row small{display:block}.pill{background:#eee2ff;border-radius:6px;padding:5px 9px;font-size:13px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}dialog{max-width:650px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;border:1px solid #d5e8e0;border-radius:16px;padding:26px}dialog::backdrop{background:#1118}dialog form{display:grid;gap:17px}.dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head h2{margin:0}.route{padding-left:22px;line-height:2}.history{border-top:1px solid #d5e8e0;margin-top:25px}.error{background:#eee2ff;padding:12px;border-radius:8px;font-size:14px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#eee2ff;border-radius:9px;display:none;z-index:10}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards button{text-align:left;padding:25px}.record{border-bottom:1px solid #d5e8e0;padding:20px 0}.record p{white-space:pre-wrap}.record .toolbar{margin:12px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{padding:15px;text-align:left;border-bottom:1px solid #d5e8e0;font-size:15px}th{font-size:14px}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:20px;height:20px}a{color:#6030b2}.mobile-nav{display:none}@media(max-width:760px){aside{position:sticky;top:80px;inset:auto;width:auto;padding:10px 16px;z-index:2}aside .logo{display:none}aside nav{display:flex;overflow:auto;gap:6px}aside button{width:auto;white-space:nowrap;margin:0;font-size:14px;padding:8px 12px}aside>button{display:none}header{left:0;height:80px;padding:0 16px}main{margin:80px 0 0;padding:25px 20px}.cards{grid-template-columns:1fr}.hero{display:block;padding:24px}.hero button{margin-top:18px}h1{font-size:27px}}

/* Login: dark canvas, visible mint and purple light motion. */
#live:has(>.login-card){color:#fff;background-color:#08090b;background-image:linear-gradient(#82e8c508 1px,transparent 1px),linear-gradient(90deg,#b58be908 1px,transparent 1px);background-size:72px 72px}
#live:has(>.login-card)::before,#live:has(>.login-card)::after{opacity:.88;filter:blur(38px);width:min(100vw,950px);height:min(100vw,950px)}
#live:has(>.login-card)::before{animation-name:station-mint-sweep;animation-duration:9s;background:radial-gradient(ellipse,#82e8c5b3 0%,#82e8c547 32%,#82e8c500 68%)}
#live:has(>.login-card)::after{animation-name:station-purple-sweep;animation-duration:11s;background:radial-gradient(ellipse,#a76affc4 0%,#a76aff52 34%,#a76aff00 70%)}
.login-brand text{fill:#fff}.login-card{position:relative;z-index:1}.login-card p{color:#fff;text-shadow:0 1px 8px #000}.login-card .primary{color:#111;box-shadow:0 6px 32px #82e8c529}.primary:hover{background:#a9f2d9;color:#111;border-color:#a9f2d9}
@keyframes station-mint-sweep{0%{transform:translate(-10vw,-6vh) scale(.85)}50%{transform:translate(23vw,35vh) scale(1.2)}100%{transform:translate(54vw,5vh) scale(1.05)}}
@keyframes station-purple-sweep{0%{transform:translate(10vw,10vh) scale(1.1)}50%{transform:translate(-32vw,-30vh) scale(.9)}100%{transform:translate(-55vw,-3vh) scale(1.25)}}
/* Workspace surfaces and clear navigation states. */
body:has(aside){background:radial-gradient(ellipse at 96% 0%,#b58be91f,transparent 48%),radial-gradient(ellipse at 25% 90%,#82e8c526,transparent 55%),#fff;background-attachment:fixed}
body:has(aside) header{background:#fffffff2;backdrop-filter:blur(12px)}
aside{z-index:3;border-right:1px solid #b58be92b}aside .logo{color:#fff;letter-spacing:1.2px}
aside button{display:flex;align-items:center;gap:12px;min-height:46px;transition:background-color .16s,color .16s;box-shadow:inset 3px 0 transparent}
aside button:hover{background:#c1f6e5;color:#111}aside button:focus-visible{background:#eee2ff;color:#111;outline:2px solid #b58be9;outline-offset:2px}
aside button.active,aside button.active:hover{background:#82e8c5;color:#111;font-weight:700;box-shadow:inset 3px 0 #a76aff}
.menu-icon{width:21px;height:21px;flex:0 0 21px;display:inline-block;vertical-align:middle}header button{display:flex;align-items:center;gap:9px}
main>h1{margin-top:0;margin-bottom:12px}main>p{margin-top:0}.hero{background:linear-gradient(115deg,#e8fbf3,#f3ebff);border:1px solid #ccebe0}.cards button{background:#fff;border:1px solid #ccebe0;border-radius:16px}.cards button:hover{background:#e8fbf3;border-color:#82e8c5}.table-scroll,.list,.record{background:#ffffffeb}.table-scroll{border:1px solid #d5e8e0;border-radius:14px}th{background:#e8fbf3}td,th{padding:18px}.record{padding:22px;border-radius:12px;margin-bottom:12px}
dialog{padding:30px;border:1px solid #c7b3e5;box-shadow:0 28px 90px #1113;background:linear-gradient(145deg,#fff 65%,#f4edff)}dialog::backdrop{background:#090b1270;backdrop-filter:blur(4px)}.dialog-head{align-items:center;margin-bottom:16px}.dialog-head button{flex-shrink:0;width:44px;padding:0}.dialog-intro{margin:0 0 24px;font-size:15px}.form-section{margin:0;padding:20px;border:1px solid #ccebe0;border-radius:12px;display:grid;gap:16px;background:#fff;min-width:0}.form-section legend{font-size:15px;font-weight:700;padding:0 8px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-help{font-size:14px;line-height:1.6;margin:0;color:#111}.permission-option{align-items:flex-start;padding:12px;border:1px solid #d5e8e0;border-radius:10px;cursor:pointer}.permission-option input{margin:3px 0 0;flex-shrink:0;accent-color:#6030b2}.permission-option small{display:block;margin-top:4px;color:#111}.permission-option b{font-size:15px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6030b2;outline-offset:2px}#employee-form>.primary{min-height:50px}
@media(max-width:760px){.form-columns{grid-template-columns:1fr}.form-section{padding:16px}dialog{padding:22px}.login-card{padding:24px}.menu-icon{width:19px;height:19px;flex-basis:19px}aside button{gap:8px}body:has(aside) header{z-index:4}}
@media(prefers-reduced-motion:reduce){#live:has(>.login-card)::before,#live:has(>.login-card)::after{animation:none;will-change:auto}aside button{transition:none}}
[hidden]{display:none!important}.nav-group{margin-top:8px}.nav-group-toggle{font-weight:700}.nav-group-toggle>span:first-of-type{flex:1}.nav-children{padding-left:15px}.nav-children button{font-size:14px;min-height:43px}.nav-children .menu-icon{width:18px;height:18px;flex-basis:18px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.page-head h1{margin:8px 0 12px}.page-head p{margin:0;max-width:680px}.page-head .toolbar{margin:0}.section-kicker{font-size:13px;font-weight:700;color:#6030b2}.toolbar button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}.flow-steps{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:18px 20px;background:linear-gradient(110deg,#e8fbf3,#f4edff);border:1px solid #d5e8e0;border-radius:12px;margin:20px 0 26px}.flow-steps li{display:flex;align-items:center;gap:9px;font-size:14px}.flow-steps b{display:grid;place-items:center;width:25px;height:25px;background:#fff;border-radius:50%;color:#6030b2}.empty-state{padding:55px 25px;text-align:center;background:#fff;border:1px solid #d5e8e0;border-radius:14px}.empty-state .menu-icon{width:32px;height:32px;margin-bottom:8px;color:#6030b2}.empty-state p{margin-bottom:0}.flow-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.flow-tabs button{border-color:transparent;background:transparent}.flow-tabs button.active{background:#eee2ff;color:#111;font-weight:700}.filter-bar{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:20px 0}.filter-bar input{max-width:300px}.filter-bar .flow-tabs{margin:0}.context-note{padding:16px 20px;background:#eee2ff;border-radius:12px;line-height:1.8}.flow-focus{margin-top:35px}.panel{padding:24px;background:#ffffffee;border:1px solid #d5e8e0;border-radius:16px;margin:24px 0}.panel h2{margin-top:0}.route-summary{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid #d5e8e0}.route-summary b{flex:0 0 90px}.route-summary span{font-size:14px;line-height:1.7}.module-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.person-card{display:grid;justify-items:start;gap:10px;text-align:left;padding:25px;border-radius:14px}.person-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#eee2ff;font-weight:700}.person-card small{font-size:14px}.detail-meta{display:flex;gap:15px;align-items:center;margin-bottom:20px;font-size:14px}.detail-fields{margin:0;display:grid;gap:0}.detail-fields>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid #d5e8e0}.detail-fields dt{font-size:14px;font-weight:600}.detail-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.file-link{display:flex;gap:10px;align-items:center;margin:22px 0;font-weight:600}.header-actions{display:flex;gap:10px}.chat-layout{display:grid;grid-template-columns:190px minmax(0,1fr);height:calc(100dvh - 245px);min-height:340px;border:1px solid #d5e8e0;border-radius:16px;overflow:hidden;background:#fff}.chat-rooms{overflow:auto;background:#f5efff;padding:12px}.chat-rooms button{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:8px;text-align:left;border-color:transparent;background:transparent}.chat-rooms button.active{background:#82e8c5;color:#111}.chat-main{min-height:0;display:flex;flex-direction:column;min-width:0}.chat-header{padding:18px;border-bottom:1px solid #d5e8e0}.chat-header h2{margin:0 0 5px;font-size:19px}.chat-header span{font-size:13px}.chat-feed{flex:1;min-height:0;overflow:auto;padding:20px}.message{max-width:82%;margin:12px 0}.message.own{margin-left:auto}.message p{background:#eee2ff;border-radius:12px;padding:12px 16px;margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.own p{background:#e0f9ef}.message small{font-size:13px}#chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;flex:none;padding:16px;border-top:1px solid #d5e8e0}#chat-form textarea{min-height:48px;height:48px;resize:vertical}#chat-form .error{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){aside nav{display:block;max-height:230px}.nav-group{display:inline-block;vertical-align:top;min-width:150px}.nav-children{padding:0}.page-head{display:block}.page-head .toolbar{margin-top:20px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-options{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{display:block}.filter-bar input{max-width:none}.filter-bar .flow-tabs{margin-top:12px}.chat-layout{grid-template-columns:1fr;grid-template-rows:60px minmax(0,1fr);height:calc(100dvh - 330px);min-height:400px}.chat-rooms{display:flex;gap:5px;overflow:auto;padding:7px}.chat-rooms button{width:auto;flex:none;white-space:nowrap;margin:0}.chat-header{padding:12px}.chat-header span{display:none}.detail-fields>div{grid-template-columns:90px minmax(0,1fr)}.route-summary{display:block}.route-summary span{display:block;margin-top:8px}.panel{padding:18px}.flow-steps{padding:15px;gap:12px}}
