@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#111d34;--navy2:#192942;--navy3:#243859;--gold:#d8aa55;--gold-soft:#f7efdd;--ink:#162139;--muted:#79859a;--line:#e6ebf2;--paper:#f6f8fb;--white:#fff;--green:#159577;--blue:#4968bc;--red:#d6575f;--amber:#b88431;--shadow:0 9px 36px rgba(30,47,81,.045);font-synthesis:none}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:'DM Sans','Segoe UI',sans-serif;background:var(--paper);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}.loading-start{height:100vh;display:flex;gap:16px;align-items:center;justify-content:center;color:#64748b;font-weight:700}.spin{width:22px;height:22px;border:3px solid #dde3ee;border-top-color:var(--gold);border-radius:50%;display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(340px,1.07fr) minmax(420px,.93fr);background:#fff}.auth-left{background:#0f1b31;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:52px 62px}.auth-left:before{content:"";position:absolute;width:740px;height:740px;border:1px solid rgba(218,172,85,.15);border-radius:50%;left:-250px;bottom:-330px;box-shadow:0 0 0 65px rgba(218,172,85,.035),0 0 0 130px rgba(218,172,85,.025)}.auth-left>*{position:relative}.auth-brand,.side-brand{display:flex;align-items:center;gap:14px}.auth-mark{width:70px;height:70px;border-radius:50%;object-fit:contain;background:#050609;box-shadow:0 0 0 1px rgba(239,210,151,.3)}.auth-left h1{font:800 clamp(34px,4vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-2.5px;max-width:540px;margin:40px 0 20px}.auth-left h1 span{color:#e1b66d}.auth-left p{color:#a5b4cb;line-height:1.9;font-size:15px;max-width:490px}.auth-brand strong{font-size:16px;letter-spacing:.06em;line-height:1.25}.auth-brand small{color:#d4a954;font-size:10px;letter-spacing:2.3px}.auth-bottom{color:#8291aa;font-size:12px;letter-spacing:.03em}.auth-right{display:grid;place-items:center;padding:50px 28px}.auth-card{width:min(470px,100%)}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:800;color:#b98e47;text-transform:uppercase}.auth-card h2{font:800 33px/1.22 Manrope,sans-serif;letter-spacing:-1.3px;margin:13px 0 11px}.auth-card p{color:var(--muted);line-height:1.8;margin-bottom:33px}.auth-card label{margin:17px 0 8px}.auth-card button{width:100%;height:48px;margin-top:20px}.auth-foot{padding-top:30px;font-size:12px!important;color:#9aa5b6!important}
.shell{display:flex;min-height:100vh}.sidebar{background:var(--navy);color:#fff;width:251px;flex:0 0 251px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.side-brand{padding:29px 21px 28px;border-bottom:1px solid rgba(255,255,255,.065);gap:13px}.side-mark{width:52px;height:52px;object-fit:contain;border-radius:50%;background:#050505;box-shadow:0 0 0 1px #b88d47}.side-brand strong{font-size:13px;line-height:1.35;letter-spacing:.6px;display:block}.side-brand small{font-size:9px;letter-spacing:1.75px;display:block;margin-top:4px;color:#dbb470;font-weight:800}.side-nav{padding:23px 12px;flex:1;overflow-y:auto}.side-label{font-size:10px;letter-spacing:2px;color:#6d82a1;font-weight:800;margin:14px 16px 13px}.nav-item{width:100%;display:flex;gap:13px;align-items:center;border:0;border-radius:10px;color:#a8b6cb;background:none;padding:13px 15px;text-align:left;font-size:13px;font-weight:650;transition:.15s}.nav-item:hover{background:#1b2b45;color:white}.nav-item.active{background:#253650;color:#f0c37a;box-shadow:inset 3px 0 #d8aa55}.nav-ico{width:19px;height:19px;display:grid;place-items:center}.nav-ico svg{width:18px;height:18px;stroke-width:1.8}.nav-pill{background:#e4b86d;color:#1c2738;margin-left:auto;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:800}.side-bottom{padding:17px 15px;border-top:1px solid rgba(255,255,255,.065)}.user-panel{padding:12px;border:1px solid #344157;border-radius:12px;display:flex;align-items:center;gap:10px}.avatar{height:37px;width:37px;flex:0 0 37px;border-radius:11px;background:#e7edfa;color:#4661a4;display:grid;place-items:center;font-weight:800}.avatar.dark{background:#384965;color:#f0c889}.user-panel b{display:block;font-size:12px}.user-panel small{color:#8499b6;font-size:11px;display:block;margin-top:3px}.signout{background:none;border:0;color:#95a7c1;margin-left:auto;padding:4px}.signout:hover{color:#fff}.side-version{font-size:10px;color:#647893;margin:17px 9px 0}
.workspace{width:calc(100% - 251px);min-width:0;flex:1}.topbar{height:82px;background:var(--white);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 37px;gap:22px}.top-left{display:flex;flex-direction:column;gap:3px}.breadcrumb{color:#99a5b9;text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:800}.top-title{font-size:19px;letter-spacing:-.5px;font-weight:800}.top-actions{display:flex;align-items:center;gap:13px}.top-search{display:flex;align-items:center;gap:9px;border:1px solid #e5eaf1;background:#f7f9fc;padding:0 12px;border-radius:10px;width:250px;height:39px}.top-search input{border:0!important;background:transparent!important;padding:0!important;height:100%!important;width:100%;font-size:12px;outline:none}.top-search svg{width:17px;height:17px;color:#9aa6bb}.date-top{color:#7f8b9f;font-size:12px;white-space:nowrap;padding:0 10px;border-left:1px solid var(--line)}.main{padding:33px 37px 65px;max-width:1600px;margin:0 auto}.head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:26px}.head h1{font:800 28px/1.2 Manrope,sans-serif;letter-spacing:-1.1px;margin:0 0 7px}.head p{color:var(--muted);font-size:13px;margin:0;line-height:1.7}.head-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:white;color:#344260;border-radius:9px;height:39px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap;transition:.15s}.btn:hover{border-color:#b7c4d9;background:#f9fbff}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 5px 12px rgba(19,32,56,.1)}.btn.primary:hover{background:#223757}.btn.gold{background:var(--gold);border-color:var(--gold);color:#17233c}.btn.red{color:#c45457;border-color:#f3d6d7}.btn.sm{height:33px;padding:0 12px}.btn.ghost{border:0;background:transparent;box-shadow:none}.btn svg,.iconbtn svg{width:16px;height:16px}.iconbtn{width:35px;height:35px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:white;color:#62728a}.iconbtn:hover{color:#0c1b32}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px}.bold{font-weight:800}.text-right{text-align:right}.right{margin-left:auto}
.hero{min-height:156px;border-radius:16px;background:linear-gradient(107deg,#14223d 0%,#23385b 75%,#1c2b46 100%);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;padding:28px 35px;margin-bottom:22px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-150px;width:390px;height:390px;border-radius:50%;border:1px solid rgba(213,174,101,.25);box-shadow:0 0 0 37px rgba(213,174,101,.045),0 0 0 75px rgba(213,174,101,.025)}.hero>*{position:relative;z-index:1}.hero small{color:#e4bd7c;text-transform:uppercase;letter-spacing:1.9px;font-size:10px;font-weight:800}.hero h2{font:800 24px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:8px 0}.hero p{color:#aebed4;margin:0;font-size:12px}.hero .btn{min-width:165px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{background:white;padding:21px 23px;border:1px solid #edf0f5;border-radius:14px;box-shadow:var(--shadow);min-height:144px}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-label{color:#7e8a9e;font-weight:700;font-size:12px}.stat-ico{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#f0f4fc;color:#6481c7}.stat-ico svg{width:17px}.stat-ico.gold{background:#fcf5e9;color:#b89148}.stat-ico.red{background:#fdf0ef;color:#d76a69}.stat-ico.green{background:#e9f7f1;color:#209b76}.stat strong{display:block;font:800 29px Manrope,sans-serif;letter-spacing:-1.4px;margin:12px 0 4px}.stat small{color:#9ca7b9;font-size:11px}.two-col{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.two-equal{grid-template-columns:1fr 1fr}.card{background:white;border-radius:14px;border:1px solid #edf0f5;box-shadow:var(--shadow);padding:23px;margin-bottom:18px;min-width:0}.card-h{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:19px}.card h3{font:800 14px Manrope,sans-serif;letter-spacing:-.3px;margin:0 0 5px}.card .sub{font-size:11px;color:#9ca7b9}.link{background:none;border:0;color:#526fa8;font-size:11px;font-weight:800}.link:hover{text-decoration:underline}.pipeline-list{display:flex;flex-direction:column;gap:14px}.pipeline-line{display:grid;grid-template-columns:91px minmax(0,1fr) 25px;gap:12px;align-items:center;font-size:11px;color:#65758f}.bartrack{height:7px;background:#eef1f5;border-radius:8px;overflow:hidden}.barfill{height:100%;background:#7b91cf;border-radius:8px;min-width:0}.pipeline-line b{color:#465673;text-align:right}.queue-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f6}.queue-row:last-child{border:0}.queue-info{flex:1;min-width:0}.queue-info b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-info small{font-size:11px;color:#99a5b7;display:block;margin-top:3px}.queue-end{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.status{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:800;white-space:nowrap;background:#eef2fa;color:#5a78bb}.status.New{background:#edf2ff;color:#6584c7}.status.Contacted{background:#eff1f9;color:#6777b0}.status.Qualified{background:#e6f7f6;color:#2b9b9b}.status.Counselling{background:#f1ebfb;color:#956cc0}.status.Follow-up{background:#fff1dc;color:#ae7d2c}.status.Booking{background:#fff0e5;color:#d67e49}.status.Converted{background:#e2f5ea;color:#15936b}.status.Lost{background:#fde9e9;color:#cc6164}.status.overdue,.status.Urgent{background:#ffebe9;color:#cf525c}.status.today,.status.High{background:#fff3dc;color:#ab7d28}.status.future{background:#ecf2fc;color:#5876aa}.status.Normal{background:#eaf2ff;color:#5d80b7}.status.Low{background:#edf4ef;color:#559276}.activity-chart{height:210px;width:100%;margin-top:7px}.chart-axis{display:flex;justify-content:space-between;font-size:10px;color:#a4afbf;padding:8px 5px 0}.empty{padding:36px 20px;text-align:center;color:#9ca7b7}.empty b{display:block;font-size:14px;color:#52627a;margin:10px 0 6px}.empty svg{width:33px;height:33px;color:#c2ccd9}
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar .input,.toolbar select{width:auto;min-width:145px}.toolbar .search-input{min-width:245px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#fff}.table{width:100%;border-collapse:collapse;white-space:nowrap}.table th{background:#fbfcff;padding:15px 19px;font-size:10px;letter-spacing:1px;color:#9aa7bc;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--line)}.table td{padding:14px 19px;border-bottom:1px solid #eef1f5;font-size:12px;color:#596b84}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcff;cursor:pointer}.person-cell{display:flex;gap:10px;align-items:center}.person-cell b{color:#203047;display:block;font-size:12px}.person-cell small{color:#9daabc;display:block;margin-top:4px;font-size:10px}.person-cell .avatar{width:35px;height:35px;flex-basis:35px}.filter-caption{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8090a6;margin:3px 2px 13px}.follow-tabs{display:flex;gap:6px;padding:4px;border-radius:10px;background:#ebeff5;width:max-content;max-width:100%;flex-wrap:wrap;margin-bottom:22px}.follow-tabs button{border:0;background:transparent;color:#7f8ca0;padding:9px 15px;border-radius:7px;font-size:12px;font-weight:800}.follow-tabs button.active{background:white;color:#17243b;box-shadow:0 2px 6px rgba(10,29,53,.07)}
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;overflow:auto;padding-bottom:19px}.board-col{background:#edf1f7;border-radius:12px;padding:12px;min-height:350px}.board-head{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:6px 5px 15px}.board-head b{font-size:12px;color:#3d4e67}.board-head em{font-size:10px;background:white;padding:4px 7px;color:#8493a9;border-radius:7px;font-style:normal}.board-card{background:white;border:1px solid #e6ecf5;border-radius:10px;padding:16px;margin-bottom:10px;box-shadow:0 3px 9px rgba(26,48,81,.04);cursor:grab}.board-card:hover{border-color:#c9d4e7}.board-card b{display:block;color:#1e3050;margin-bottom:7px}.board-card small{display:block;color:#97a5b8;margin-bottom:12px}.board-card .card-footer{display:flex;justify-content:space-between;gap:4px;border-top:1px solid #f1f3f7;padding-top:12px}.board-card.dragging{opacity:.4}.board-col.dragover{outline:2px dashed #bb9859;outline-offset:-4px}
input,select,textarea{background:#fff;color:#263753;border:1px solid #dfe6ef;border-radius:9px;outline:0;height:40px;padding:0 12px;font-size:12px;width:100%;transition:border-color .15s,box-shadow .15s}textarea{height:auto;min-height:83px;resize:vertical;padding:11px 12px;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#c99f5e;box-shadow:0 0 0 3px rgba(212,167,84,.11)}label{display:block;font-size:11px;font-weight:800;color:#596c85;margin-bottom:7px}.field{margin-bottom:15px}.field-hint{font-size:10px;color:#a0aab9;margin-top:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.field.wide{grid-column:1/-1}.modal-backdrop{position:fixed;inset:0;background:rgba(13,25,45,.53);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border-radius:17px;width:min(720px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 80px rgba(0,0,0,.2)}.modal.slim{width:min(505px,100%)}.modal-h{padding:22px 26px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between}.modal-h h2{margin:0;font:800 18px Manrope,sans-serif;letter-spacing:-.4px}.modal-body{padding:24px 27px;overflow:auto}.modal-foot{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid #edf0f5;padding:15px 26px}.drawer-backdrop{align-items:stretch;justify-content:flex-end;padding:0}.drawer{background:white;width:min(590px,100%);height:100%;display:flex;flex-direction:column;box-shadow:-9px 0 50px rgba(0,0,0,.13)}.drawer-h{padding:27px 29px 21px;border-bottom:1px solid var(--line);display:flex;gap:14px;justify-content:space-between;align-items:center}.drawer-name{font:800 23px Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 7px}.drawer-body{padding:26px 29px;overflow:auto;flex:1}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;border-bottom:1px solid var(--line);padding:10px 0 23px;margin-bottom:22px}.profile-field span{font-size:10px;color:#98a6ba;display:block;margin-bottom:7px}.profile-field b{font-size:12px;font-weight:700;overflow-wrap:anywhere}.section-title{font:800 14px Manrope,sans-serif;margin:25px 0 15px;letter-spacing:-.3px}.timeline{border-left:1px solid #e3eaf3;margin-left:9px;padding-left:22px}.timeline-item{position:relative;padding:0 0 21px}.timeline-item:before{content:"";position:absolute;left:-28px;top:3px;width:10px;height:10px;background:#d6ae68;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e4eaf4}.timeline-item b{font-size:12px}.timeline-item small{color:#9ca7b5;display:block;margin:5px 0 6px;font-size:10px}.timeline-item p{font-size:12px;color:#58677b;line-height:1.6;margin:0}.notice{padding:15px 17px;border-radius:10px;background:#fff8ea;border:1px solid #f4e3c6;color:#966c30;font-size:12px;line-height:1.8;margin:0 0 20px}.notice.blue{background:#f1f5fc;border-color:#e0e9f6;color:#526d9a}.notice.green{background:#eefaf4;border-color:#d9efe5;color:#2a8364}.setting-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row:last-child{border:0}.setting-row h4{font-size:12px;margin:0 0 5px}.setting-row p{font-size:11px;color:#97a5b9;margin:0;line-height:1.7}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.team-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.team-card .avatar{width:46px;height:46px;margin-bottom:15px}.team-card h3{margin:0 0 5px;font-size:14px}.team-card p{color:#9ba7b9;font-size:11px;margin:0 0 18px;overflow-wrap:anywhere}.team-card .actions{display:flex;gap:7px}.team-card .actions .btn{flex:1;padding:0 7px}.team-card.inactive{opacity:.64}.kpi-big{font:800 27px Manrope,sans-serif;color:#16243c}.report-source{display:flex;align-items:center;gap:10px;margin:13px 0}.report-source-name{width:107px;font-size:11px;color:#68768d}.report-source .bartrack{flex:1}.report-source .value{min-width:27px;text-align:right;color:#435572;font-size:11px;font-weight:800}#toast-root{position:fixed;bottom:22px;right:22px;z-index:150;display:flex;flex-direction:column;gap:8px}.toast{background:#15233d;color:#fff;padding:13px 19px;border-radius:10px;max-width:390px;box-shadow:0 12px 32px rgba(12,22,38,.18);font-size:12px;line-height:1.5}.toast.error{background:#9f3e49}.hamburger{display:none}.pill{display:inline-block;padding:5px 8px;border-radius:8px;background:#eaf1ff;color:#4f69a7;font-weight:800;font-size:10px}.pill.owner{background:#f7e9cf;color:#9c6d20}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.value-grid>div{padding:17px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}.value-grid span{font-size:10px;color:#8d9cb0;display:block;margin-bottom:7px}.value-grid b{font:800 20px Manrope,sans-serif}.mobile-mask{display:none}
@media(max-width:1170px){.stats{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.top-search{width:190px}.main{padding:27px 25px}.topbar{padding:0 25px}}@media(max-width:850px){.sidebar{position:fixed;left:-260px;transition:left .2s}.sidebar.open{left:0}.mobile-mask.show{display:block;position:fixed;inset:0;background:#0b172b99;z-index:19}.workspace{width:100%}.hamburger{display:inline-grid}.topbar{height:70px;padding:0 15px}.main{padding:23px 17px 55px}.two-col,.two-equal{grid-template-columns:1fr}.top-search{display:none}.date-top{display:none}.auth{grid-template-columns:1fr}.auth-left{min-height:220px;padding:24px 28px}.auth-left h1{font-size:30px;margin:17px 0 5px}.auth-left p,.auth-bottom{display:none}.auth-brand .auth-mark{height:52px;width:52px}.auth-right{padding:35px 22px}.team-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.top-title{font-size:15px}.top-actions>.btn{font-size:0;padding:0;width:39px}.top-actions>.btn svg{font-size:12px}.topbar{gap:5px}.stats{gap:9px}.stat{padding:15px;min-height:125px}.stat strong{font-size:23px}.stat-label{font-size:10px}.stat small{font-size:9px}.stat-ico{height:26px;width:26px}.head{align-items:flex-start}.head h1{font-size:22px}.head-right{gap:6px}.head-right .btn{padding:0 10px}.hero{min-height:140px;padding:22px;align-items:start}.hero h2{font-size:18px}.hero>.btn{display:none}.card{padding:18px}.toolbar .search-input{width:100%}.toolbar select{flex:1;min-width:100px}.team-grid,.value-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.field.wide{grid-column:auto}.modal-body{padding:18px}.modal-h,.modal-foot{padding:17px 19px}.profile-grid{grid-template-columns:1fr 1fr}.drawer-body{padding:20px}.drawer-h{padding:19px}.drawer-name{font-size:18px}.queue-end{max-width:105px}}
.auth-foot svg{width:14px;height:14px;vertical-align:middle}.link svg{width:13px;height:13px;vertical-align:middle}.team-card>div>svg{width:30px;height:30px}.card-h>svg{width:22px;height:22px;color:#abb7ca}.auth-brand svg{width:20px;height:20px}
/* FDA Live V3 · real-time team & people workspace */
.live-state{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;white-space:nowrap;padding:7px 10px;border:1px solid #e4ede7;border-radius:20px;background:#f4fbf6;color:#427a61}
.live-dot{width:7px;height:7px;background:#28b884;border-radius:100%;display:inline-block;box-shadow:0 0 0 4px rgba(40,184,132,.12);flex:none;animation:livepulse 1.9s infinite}
.live-dot.offline{background:#ca9052;box-shadow:0 0 0 4px rgba(202,144,82,.12);animation:none}
@keyframes livepulse{50%{box-shadow:0 0 0 7px rgba(40,184,132,0)}}
.mini-live{font-size:10px;letter-spacing:1px;font-weight:800;color:#2d986e;display:inline-flex;align-items:center;gap:8px}
.live-feed-card{margin-top:18px}.live-feed-card h3{display:flex;align-items:center;gap:9px}.live-feed-card h3 svg{width:18px;height:18px;color:#b98c4b}
.live-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.feed-row{appearance:none;border:0;border-bottom:1px solid #edf0f4;background:transparent;text-align:left;padding:14px 3px;display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.feed-row:hover{background:#f9fbfe}.feed-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:11px;background:#eaf0f8;color:#35537c;font-size:10px;font-weight:900}.feed-text{min-width:0;flex:1;color:#687a90;font-size:11px}.feed-text b{color:#223853}.feed-text small{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#9aa9b9}.feed-row time{font-size:10px;color:#9caabd;white-space:nowrap}
.compact-month{width:165px!important;min-width:165px!important;border-color:#e0e5ec;background:white;font-weight:700}.attendance-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);gap:16px;margin-bottom:18px}.clock-card{border-radius:15px;background:linear-gradient(111deg,#102746,#203c62);padding:30px 32px;min-height:220px;color:white;position:relative;overflow:hidden}.clock-card:after{content:'✦';color:rgba(220,171,93,.1);font-size:200px;position:absolute;right:-12px;top:-40px;pointer-events:none}.clock-card .eyebrow{color:#d9b878}.clock-card h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.5px;margin:15px 0 8px;position:relative;z-index:1}.clock-card p{font-size:12px;color:#b6c5d8;line-height:1.6;max-width:480px;margin:0 0 22px;position:relative;z-index:1}.clock-card .btn{position:relative;z-index:1}.clock-summary{border:1px solid #e5eaf2;background:#fff;padding:24px 28px;border-radius:15px;display:flex;flex-direction:column}.clock-summary small{font-size:10px;letter-spacing:1px;color:#9aa7b9;font-weight:800}.clock-summary strong{font-size:35px;line-height:1.15;margin-top:7px;color:#1b3454}.clock-summary span{color:#8797aa;font-size:11px;margin-top:2px}.clock-summary .rule{border-top:1px solid #e9edf3;margin:17px 0}.hr-panel{align-items:start}.hr-pill{display:inline-block;border-radius:9px;background:#eef2f7;color:#71829a;padding:5px 9px;font-size:10px;font-weight:800;text-transform:capitalize}.hr-pill.teal{background:#e4f7ee;color:#25865c}.hr-pill.gold{background:#fff4e2;color:#aa783b}.hr-tag{font-size:10px;color:#af8b53;font-weight:900;border:1px solid #eedfc9;border-radius:7px;padding:6px 10px}.pay-stats{margin-bottom:18px}.hr-panel .table{white-space:nowrap}.hr-panel .table th,.hr-panel .table td{padding:12px 14px}
@media(max-width:1250px){.top-search{display:none}}
@media(max-width:850px){.attendance-hero{grid-template-columns:1fr}.live-feed-grid{grid-template-columns:1fr}.live-state{padding:7px 9px}}
@media(max-width:540px){.live-state{font-size:0;padding:9px;gap:3px}.live-state span:last-child{display:none}.clock-card{padding:24px}.clock-summary{flex-direction:row;align-items:center;justify-content:space-around;gap:10px}.clock-summary .rule{height:70px;border-top:0;border-left:1px solid #e9edf3;margin:0}.clock-summary small{font-size:8px}.clock-summary strong{font-size:23px}.clock-summary span{font-size:9px}.compact-month{width:145px!important;min-width:145px!important}.pay-stats{grid-template-columns:repeat(2,1fr)}}