.admin-summary{margin:20px 24px 12px;padding:16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #484c52;border-radius:15px;background:#0b0b0c}.admin-summary>div{display:grid;grid-template-columns:24px 1fr;gap:3px 9px;align-items:center}.admin-summary svg{grid-row:1/3;width:22px;color:#f5aa16}.admin-summary span{font-size:10px;font-weight:800;color:#989ba1}.admin-summary strong{font-size:14px}.admin-summary>b{display:grid;place-items:center;min-width:38px;height:38px;border-radius:20px;background:#f5aa16;color:#111}.scope-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 24px 18px}.scope-filter button{padding:11px 8px;border:1px solid #484c52;border-radius:10px;background:#0b0b0c;color:#a8abb0;font-size:12px}.scope-filter .active{background:#f5aa16;border-color:#f5aa16;color:#111;font-weight:800}.approval-list{padding:0 24px}.approval-card{margin:0 0 12px;padding:16px;border:1px solid #484c52;border-radius:15px;background:#0b0b0c}.approval-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.approval-card__top>div{display:flex;flex-direction:column;gap:4px}.approval-card__top strong{font-size:15px}.approval-card__top span,.approval-meta,.processed-note{color:#989ba1;font-size:12px}.status-pill{padding:5px 8px;border-radius:999px;background:#53575d;color:#fff!important;white-space:nowrap}.status-pill.pending{background:#49350a;color:#f5aa16!important}.unit-path{margin:14px 0 8px;font-size:13px;line-height:1.45}.approval-meta{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #2d3034}.primary.compact{width:100%;margin-top:14px;padding:12px;border:0;border-radius:10px;background:#f5aa16;color:#111;font-size:12px;font-weight:850}.processed-note{margin:12px 0 0;line-height:1.45}.empty-state{padding:54px 20px;text-align:center;color:#989ba1}.empty-state svg{width:36px;height:36px;color:#f5aa16}.empty-state h2{color:#fff;font-size:18px}.empty-state p{font-size:13px;line-height:1.5}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f6f7;background:#0b0b0c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#0b0b0c}button,a{font:inherit}.app-shell{min-height:100dvh;max-width:540px;margin:auto;padding-bottom:92px;background:#0b0b0c}header{height:76px;padding:18px 24px;display:grid;grid-template-columns:48px 1fr 100px;align-items:center;border-bottom:1px solid #484c52;position:sticky;top:0;background:#0b0b0cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2}h1{font-size:22px;margin:0}.back,.link,.back-button{color:#55a2ff}.back{font-size:36px;line-height:1}.link,.back-button{border:0;background:none}.link{text-align:right}.back-button{font-size:36px;text-align:left;padding:0}.filters{display:flex;gap:8px;padding:22px 24px;overflow-x:auto}.filters button{white-space:nowrap;border:0;border-radius:999px;background:#53575d;color:#fff;padding:9px 13px}.filters .active{background:#f5aa16;color:#111}.event-list{padding:0 24px}.date-heading{color:#a8abb0;font-size:12px;font-weight:700;margin:12px 0}.event-card{position:relative;display:grid;grid-template-columns:82px 1fr;gap:14px;padding:18px 16px;margin:0 0 12px;border:1px solid #484c52;border-radius:15px;background:#0b0b0c}.event-card div{min-width:0;display:flex;flex-direction:column;gap:6px}.event-card strong{font-size:15px;line-height:1.35}.event-card span{font-size:13px;color:#989ba1}.required{position:absolute;right:14px;bottom:10px;color:#f5aa16!important;font-size:10px!important}.unit-form{margin:20px 24px;padding:18px;border:1px solid #484c52;border-radius:16px;background:#111214}.unit-form h2{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:17px}.unit-form h2 svg{width:19px;color:#f5aa16}.unit-form label{display:block;margin:0 0 14px;color:#a8abb0;font-size:11px;font-weight:700}.unit-form input,.unit-form select{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #484c52;border-radius:10px;background:#0b0b0c;color:#fff;font-size:15px}.unit-form .primary{width:100%;padding:14px;border:0;border-radius:10px;background:#f5aa16;color:#111;font-weight:800}.unit-list{padding:20px 24px}.section-heading h2{margin:0;font-size:18px}.section-heading p{margin:5px 0 18px;color:#989ba1;font-size:13px}.unit-card{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:15px;border:1px solid #484c52;border-radius:13px;background:#0b0b0c}.unit-card.depth-1{margin-left:18px}.unit-card.depth-2{margin-left:36px}.unit-card>div{display:flex;flex-direction:column;gap:5px;min-width:0}.unit-card strong{font-size:14px}.unit-card span{color:#989ba1;font-size:12px}.unit-card .unit-status{flex:0 0 auto;color:#69c589}.unit-card.inactive{opacity:.55}.unit-card.inactive .unit-status{color:#ef6b70}.form-message{color:#f1b24a;font-size:13px;line-height:1.45}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,540px);height:78px;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:#0b0b0c;border-top:1px solid #484c52}nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a8abb0;font-size:11px;cursor:pointer}nav svg{width:21px}nav .active{color:#f5aa16}nav b{position:absolute;top:9px;right:26%;background:#df2f34;color:#fff;border-radius:20px;padding:2px 5px;font-size:9px}@media(min-width:720px){body{padding:36px}.app-shell{min-height:calc(100dvh - 72px);border:1px solid #484c52;border-radius:28px;overflow:hidden}nav{bottom:36px;border-radius:0 0 28px 28px}}.auth-shell{min-height:100dvh;max-width:540px;margin:auto;padding:88px 28px 48px;text-align:center;background:#0b0b0c}.auth-shell>h1{font-size:28px;margin:18px 0 6px}.auth-shell>p{color:#989ba1;margin:0 0 34px}.brand-mark{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:50%;background:#f5aa16;color:#111;font-weight:900}.auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.auth-form label{display:flex;flex-direction:column;gap:7px;color:#a8abb0;font-size:11px;font-weight:700}.auth-form input,.auth-form select{width:100%;height:52px;border:1px solid #484c52;border-radius:12px;background:#0b0b0c;color:#fff;padding:0 14px;font-size:16px}.auth-form fieldset{display:flex;flex-wrap:wrap;gap:9px;border:1px solid #484c52;border-radius:12px;padding:14px}.auth-form fieldset.choice-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;padding:0 14px}.auth-form legend{color:#a8abb0;font-size:11px;font-weight:700;padding:0 5px}.auth-form .check{display:flex;flex-direction:row;align-items:center;border:1px solid #484c52;border-radius:999px;padding:8px 11px;color:#fff}.auth-form .choice-list .check{gap:12px;min-height:50px;border:0;border-bottom:1px solid #30343a;border-radius:0;padding:0;font-size:15px;font-weight:600}.auth-form .choice-list .check:last-child{border-bottom:0}.auth-form .check input{width:18px;height:18px;accent-color:#f5aa16;flex:0 0 auto}.primary,.secondary{min-height:52px;border:0;border-radius:12px;font-weight:800}.primary{background:#f5aa16;color:#111}.secondary{background:#53575d;color:#fff}.text-button{align-self:center;border:0;background:none;color:#55a2ff;padding:4px}.form-message{color:#d9d9dc;text-align:center;line-height:1.5}.status-card,.empty-state{border:1px solid #484c52;border-radius:16px;padding:24px;text-align:center}.status-card h2,.empty-state h2{margin-top:0}.status-card p,.empty-state p{color:#a8abb0;line-height:1.55}.status-card button{width:100%;margin-top:12px}.empty-state{margin-top:40px}button,nav a{cursor:pointer}button:disabled{cursor:wait;opacity:.65}nav a{text-decoration:none}.desktop-brand{display:none}.session-actions{display:flex;justify-content:flex-end;padding:12px 24px 0}.session-actions button{color:#989ba1;background:none;border:0;font-size:12px}@media(min-width:768px){body{padding:0}.app-shell{max-width:none;min-height:100dvh;margin:0;padding:0 0 32px 88px;border:0;border-radius:0;overflow:visible}.app-shell>header{height:88px;padding:20px 32px;grid-template-columns:36px 1fr 140px}.app-shell>.filters{padding:28px 32px}.app-shell>.event-list,.app-shell>.unit-list,.app-shell>.approval-list{padding-left:32px;padding-right:32px;max-width:1480px;margin:0 auto}.app-shell>nav{left:0;top:0;bottom:0;transform:none;width:88px;height:100dvh;display:flex;flex-direction:column;gap:12px;padding:28px 12px;border-top:0;border-right:1px solid #484c52;border-radius:0;z-index:3}.app-shell>nav a{min-height:68px;border-radius:12px}.app-shell>nav a.active{background:#202124}.app-shell>nav b{right:7px}.event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.event-card{margin:0;min-height:96px}.event-list>.empty-state{grid-column:1 / -1;min-height:300px;display:flex;flex-direction:column;justify-content:center;margin:0}.scope-filter{display:flex;padding:0 32px 24px}.scope-filter button{min-width:190px}.admin-summary{margin:24px 32px 20px}.approval-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.approval-list>.empty-state,.approval-list>.form-message{grid-column:1 / -1}.approval-card{margin:0}.unit-form{margin:24px 32px;max-width:700px}}@media(min-width:1100px){.app-shell{padding-left:248px}.app-shell>nav{width:248px;padding:32px 20px;gap:8px}.desktop-brand{display:flex;flex-direction:column;gap:8px;margin:0 12px 32px;font-size:18px;font-weight:800;color:#f5aa16}.desktop-brand small{font-size:12px;font-weight:400;color:#989ba1}.app-shell>nav a{flex-direction:row;justify-content:flex-start;min-height:52px;gap:14px;padding:0 16px;font-size:14px}.app-shell>nav b{position:static;margin-left:auto;font-size:10px}.app-shell>header{padding:24px 40px;height:96px}.app-shell>.filters{padding:32px 40px}.app-shell>.event-list,.app-shell>.unit-list,.app-shell>.approval-list{padding-left:40px;padding-right:40px}.admin-summary{margin-left:40px;margin-right:40px}.scope-filter{padding-left:40px;padding-right:40px}.approval-list{grid-template-columns:1fr}.approval-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 150px;align-items:center;gap:24px;padding:22px}.approval-card>*{min-width:0;overflow-wrap:anywhere}.approval-card .unit-path,.approval-card .processed-note,.approval-card .primary{margin:0}.approval-card .approval-meta{flex-direction:column;gap:6px;padding:0;border:0}.approval-card .approval-card__top{flex-direction:column;gap:8px}.unit-list{max-width:1150px!important}}
