@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
.empty-copy{color:#77758b;margin:18px 0;font-size:13px;line-height:1.55}.add{text-align:center;text-decoration:none;display:block}:root{color:#242342;background:#f7f5f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e8e4df;flex-direction:column;width:238px;padding:27px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:0 10px 35px;font-size:18px;font-weight:700;display:flex}.brand b{color:#fff;text-align:center;background:#343281;border-radius:9px;width:31px;height:31px;padding-top:4px;font:20px Playfair Display}.sidebar nav{gap:4px;display:grid}.sidebar a{color:#77758b;border-radius:9px;padding:11px;font-size:14px;font-weight:600;text-decoration:none}.sidebar a.selected{color:#343281;background:#eeecf9}.profile{border-top:1px solid #e8e4df;align-items:center;gap:9px;margin-top:auto;padding:17px 8px 0;display:flex}.profile>span,.user{color:#35316e;background:#dcd7f0;border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.profile strong,.profile small{font-size:12px;display:block}.profile small{color:#88879a;margin-top:2px}.workspace{width:calc(100% - 238px);max-width:1550px;margin-left:238px;padding:40px 5vw 70px}header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}header p,.overline{color:#77758b;letter-spacing:.04em;margin:0;font-size:12px;font-weight:600}h1,h2{letter-spacing:-.04em;margin:6px 0 0}h1,.hero h2{font-family:Playfair Display,serif}h1{font-size:31px}.hero{color:#fff;background:linear-gradient(115deg,#222057,#45419c);border-radius:19px;justify-content:space-between;min-height:266px;padding:35px 40px;display:flex;overflow:hidden}.hero .overline{color:#cbc9eb}.hero h2{font-size:37px;line-height:1.05}.hero p:not(.overline){color:#e0def5;max-width:380px;font-size:13px;line-height:1.6}.actions{gap:10px;margin-top:18px;display:flex}.actions button,.add{color:#402a09;background:#eb9a26;border:0;border-radius:9px;padding:11px 15px;font-weight:700}.actions .outline{color:#fff;background:0 0;border:1px solid #aaa7d6}.route{background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;width:250px;margin:7px 28px;padding:19px;font-size:12px}.route>div:first-child{justify-content:space-between;display:flex}.route span{color:#d1ceef}.line{background:linear-gradient(#dad7ff,#dad7ff) 50%/100% 2px no-repeat;justify-content:space-between;align-items:center;height:60px;display:flex}.line i{background:#fff;border:3px solid #8580d0;border-radius:50%;width:11px;height:11px}.line i:last-child{border-color:#eb9a26;width:15px;height:15px}.route-stats{gap:28px;display:flex}.route-stats b{font-size:17px}.route-stats small{color:#d1ceee;margin-top:3px;font-size:10px;display:block}.metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:21px 0;display:grid}.metrics article,.panel{background:#fff;border:1px solid #ece8e3;border-radius:14px}.metrics article{gap:13px;padding:18px;display:flex}.metrics article>span{color:#b46808;background:#fff0da;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.metrics article:nth-child(2)>span{color:#635da0;background:#efecfb}.metrics article:nth-child(3)>span{color:#197d71;background:#dff1ed}.metrics p{color:#77758b;margin:1px 0 5px;font-size:12px}.metrics strong{font-size:20px}.metrics em{color:#a19fab;font-size:13px;font-style:normal}.metrics small{color:#9694a2;margin-top:6px;font-size:10px;display:block}.content{grid-template-columns:1.5fr .8fr;gap:20px;display:grid}.panel{padding:24px}.panel-title{justify-content:space-between;display:flex}.panel-title h2{font:700 19px DM Sans}.panel-title a,.all{color:#343281;font-size:12px;font-weight:700;text-decoration:none}.badge{color:#343281;background:#efecf9;border-radius:12px;padding:4px 8px;font-size:11px}.stop,.follow{align-items:center;gap:11px;min-height:45px;margin-top:17px;display:flex}.stop time{width:38px;font-size:11px;font-weight:700}.stop>i,.follow>i{color:#343281;background:#efecf9;border-radius:10px;place-items:center;width:35px;height:35px;font-size:13px;font-style:normal;font-weight:700;display:grid}.stop>div,.follow>div{flex:1}.stop h3,.follow h3{margin:0 0 4px;font-size:13px}.stop p,.follow p{color:#77758b;margin:0;font-size:11px}.stop>b{color:#a26812;background:#fff1db;border-radius:12px;padding:5px 8px;font-size:10px}.stop button{color:#888;background:0 0;border:0}.add{color:#343281;background:#fbfafc;border:1px dashed #d6d1df;width:100%;margin-top:17px;font-size:12px}.follow time{color:#77758b;align-self:flex-start;font-size:10px}.all{margin-top:20px;display:block}.tip{color:#80591f;background:#fff0db;border-radius:14px;gap:10px;margin-top:15px;padding:16px;display:flex}.tip>b{font-size:20px}.tip strong{font-size:12px}.tip p{margin:3px 0 0;font-size:11px;line-height:1.45}.mobile{display:none}@media (max-width:860px){.sidebar{display:none}.workspace{width:100%;margin:0;padding:26px 18px 94px}.route{display:none}.hero{padding:28px 24px}.metrics,.content{grid-template-columns:1fr}.mobile{z-index:2;background:#fff;border-top:1px solid #e8e4df;justify-content:space-around;align-items:center;height:70px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile a{color:#807e8f;place-items:center;font-size:18px;text-decoration:none;display:grid}.mobile small{font-size:9px;font-weight:700}.mobile .visit{color:#fff;background:#343281;border-radius:50%;width:46px;height:46px;margin-top:-25px}.hero h2{font-size:32px}}@media (max-width:480px){.workspace{padding:20px 14px 90px}h1{font-size:25px}.hero{padding:25px 20px}.hero h2{font-size:30px}.panel{padding:18px}.stop>b{display:none}}
.workspace-page{color:#242342;max-width:1120px;margin:auto;padding:48px 5vw 80px}.workspace-page header{margin:25px 0}.workspace-page header h1{font:700 38px Playfair Display,serif}.workspace-page header p:not(.overline){color:#77758b;max-width:560px;font-size:14px;line-height:1.55}.back-link{color:#343281;font-size:13px;font-weight:700;text-decoration:none}.primary-link,.primary-button{color:#fff;white-space:nowrap;background:#343281;border:0;border-radius:9px;padding:11px 15px;font:700 13px DM Sans;text-decoration:none}.secondary-button,.directory-toolbar button{color:#403d52;background:#fff;border:1px solid #d8d4df;border-radius:9px;padding:10px 13px;font:600 12px DM Sans}.directory-toolbar{gap:10px;margin-bottom:14px;display:flex}.directory-toolbar input{border:1px solid #d8d4df;border-radius:9px;flex:1;max-width:470px;padding:11px 13px;font:14px DM Sans}.directory-list,.report-table,.staff-card{background:#fff;border:1px solid #ece8e3;border-radius:15px;overflow:hidden}.directory-list article,.staff-card article{border-bottom:1px solid #eee9e4;align-items:center;gap:13px;padding:17px 20px;display:flex}.directory-list article:last-child{border:0}.directory-list article>span,.staff-card i{color:#343281;background:#efecf9;border-radius:10px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:700;display:grid}.directory-list article>div,.staff-card article>div{flex:1}.directory-list h2,.staff-card h2{margin:0;font:700 15px DM Sans}.directory-list p,.staff-card small{color:#77758b;margin:4px 0 0;font-size:12px}.directory-list b,.staff-card b{color:#197d71;background:#e2f2ee;border-radius:12px;padding:5px 8px;font-size:11px}.directory-list a{color:#343281;font-size:12px;font-weight:700;text-decoration:none}.report-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.report-metrics article{background:#fff;border:1px solid #ece8e3;border-radius:15px;padding:20px}.report-metrics p{color:#77758b;margin:0;font-size:12px}.report-metrics strong{margin:8px 0 4px;font:700 28px Playfair Display,serif;display:block}.report-metrics small{color:#8b8994;font-size:11px}.report-table>div,.staff-card>div{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.report-table h2{margin:0;font:700 17px DM Sans}.report-table span,.staff-card>div span{color:#77758b;font-size:12px}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-top:1px solid #eee9e4;padding:14px 20px;font-size:13px}th{color:#77758b;font-size:11px;font-weight:700}.admin-layout{grid-template-columns:.85fr 1.15fr;gap:18px;display:grid}.invite-card{color:#fff;background:#343281;border-radius:15px;gap:12px;padding:22px;display:grid}.invite-card h2{margin:0;font:700 21px Playfair Display}.invite-card p{color:#d7d5ef;margin:0;font-size:12px;line-height:1.5}.invite-card label{gap:5px;font-size:11px;font-weight:700;display:grid}.invite-card input,.invite-card select{color:#242342;border:0;border-radius:8px;padding:10px;font:13px DM Sans}.invite-card .primary-button{color:#402a09;background:#eb9a26}.invite-card output{color:#fff2d8;font-size:12px;line-height:1.4}.staff-card strong,.staff-card small{display:block}.staff-card strong{font-size:13px}.admin-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.admin-grid article{background:#fff;border:1px solid #ece8e3;border-radius:14px;padding:18px}.admin-grid span{color:#343281}.admin-grid h2{margin:8px 0 5px;font:700 15px DM Sans}.admin-grid p{color:#77758b;margin:0;font-size:12px;line-height:1.5}@media (max-width:700px){.workspace-page{padding:30px 18px 90px}.workspace-page header{gap:14px;display:grid}.report-metrics,.admin-layout{grid-template-columns:1fr}.directory-list article{flex-wrap:wrap;align-items:flex-start}.directory-list article>div{min-width:calc(100% - 55px)}.admin-grid{grid-template-columns:1fr}.report-table{overflow:auto}}