:root{--navy:#111d3d;--navy-2:#1b2a56;--blue:#2769ef;--blue-2:#4b82f2;--ink:#202a3d;--muted:#7d8799;--line:#e7ebf2;--surface:#fff;--canvas:#f5f7fb;--green:#14a77a;--red:#d94c58;--amber:#e5a323;--shadow:0 10px 30px rgba(24,44,86,.055);font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.topbar-title{font-family:'Segoe UI',Arial,sans-serif}h1{font-size:30px;letter-spacing:-1.1px;margin-bottom:8px}h2{font-size:17px;letter-spacing:-.35px;margin:0 0 5px}h3{font-size:15px;margin:0 0 8px}p{line-height:1.55}.muted,.section-heading p,.panel-heading p{color:var(--muted)}.eyebrow,.side-label,.topbar-kicker{font-size:10px;letter-spacing:1.25px;font-weight:700;color:#8490a5}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;background:linear-gradient(180deg,#121d3c 0%,#111a34 100%);color:#d8e0f0;padding:22px 14px 15px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:1px 12px 29px;color:#fff}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#3d8aff,#2459d8);display:grid;place-items:center;color:#fff;font:800 13px 'Segoe UI',Arial;letter-spacing:-.8px;box-shadow:0 7px 16px rgba(20,100,245,.25)}.brand b{display:block;font:800 16px 'Segoe UI',Arial;letter-spacing:-.5px}.brand small{display:block;color:#8c9ab5;font-size:10px;margin-top:3px;letter-spacing:.35px}.side-label{color:#74819d;padding:8px 13px 9px;margin-top:8px;font-size:9px}.sidebar nav{overflow:auto;scrollbar-width:thin;flex:1}.nav-item{height:42px;display:flex;align-items:center;gap:12px;padding:0 13px;margin:2px 0;border-radius:9px;color:#acb7cb;font-size:12px;font-weight:600;transition:.18s}.nav-item:hover{background:#ffffff0c;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2366e4,#3479f0);box-shadow:0 7px 16px rgba(25,83,195,.23)}.nav-icon{width:18px;text-align:center;color:#8fa2c5;font-size:17px}.nav-item.active .nav-icon{color:#fff}.sidebar-bottom{border-top:1px solid #ffffff17;padding:14px 5px 0;display:flex;align-items:center;gap:9px}.mini-avatar{width:34px;height:34px;flex:none;border-radius:11px;background:linear-gradient(135deg,#d7e7ff,#a3c5ff);display:grid;place-items:center;color:#245dd2;font-weight:800;font-size:13px}.mini-avatar.small{width:30px;height:30px;border-radius:10px;font-size:11px}.user-summary{min-width:0;flex:1}.user-summary b,.user-summary small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-summary b{font-size:11px;color:#fff}.user-summary small{font-size:10px;color:#8d9ab3;margin-top:3px}.sidebar-bottom form{margin:0}.icon-button{border:0;background:transparent;color:#98a6c1;font-size:18px;padding:7px}.main-area{margin-left:252px;min-width:0;width:calc(100% - 252px)}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:8}.topbar-kicker{font-size:9px}.topbar-title{font-size:15px;font-weight:800;margin-top:4px;color:#202a40}.topbar-right{display:flex;align-items:center;gap:9px;color:#788399;font-size:11px}.online-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#27bd86;box-shadow:0 0 0 4px #27bd861a}.date-chip{background:#f5f7fb;border:1px solid #edf0f5;border-radius:7px;padding:7px 10px;margin-left:9px;color:#58657c}.content-wrap{max-width:1450px;margin:auto;padding:27px 34px 35px}.app-footer{padding:0 34px 20px;color:#99a2b1;font-size:10px}.app-footer span{padding:0 5px}.flash,.notice{border-radius:10px;padding:12px 15px;margin:18px 34px 0;font-size:12px}.flash.success,.notice.success{background:#e9f8f1;color:#12865e;border:1px solid #c8efdf}.flash.error,.notice.warning{background:#fff4e8;color:#a86310;border:1px solid #f4ddb8}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 22px;padding:4px 2px}.welcome-row .eyebrow{color:var(--blue);margin-bottom:9px}.welcome-row h1{margin:0;font-size:28px}.welcome-row p.muted{font-size:12px;margin:8px 0 0}.welcome-date{width:84px;height:82px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column}.welcome-date span{font-size:8px;letter-spacing:1.2px;color:#8f9aae;font-weight:700}.welcome-date b{font:800 25px 'Segoe UI',Arial;color:var(--blue);margin:0 0 -2px}.welcome-date small{font-size:9px;color:#768198}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:15px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);min-height:90px;padding:17px 15px;display:flex;align-items:center;gap:11px;position:relative}.stat-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:17px}.stat-icon.blue{background:#eaf1ff;color:#3473ed}.stat-icon.violet{background:#f0edff;color:#7460d4}.stat-icon.teal{background:#e6f8f4;color:#1a9f7e}.stat-icon.amber{background:#fff5de;color:#d69b22}.stat-card div{min-width:0}.stat-card div span{display:block;font-size:10px;color:#858fa0;white-space:nowrap}.stat-card strong{display:block;font:800 19px 'Segoe UI',Arial;color:#263149;margin-top:4px}.stat-card>small{position:absolute;right:13px;bottom:16px;font-size:9px;color:#a0a8b5}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:18px 19px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h2{margin-bottom:4px}.panel-heading p{font-size:10px;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 18px}.section-heading h2{font-size:22px;margin-bottom:6px}.section-heading p{font-size:12px;margin:0}.text-link{font-size:10px;font-weight:700;color:var(--blue)}.text-link:hover{color:#144bb8}.empty-state{padding:23px 12px;text-align:center;color:#9aa4b4;font-size:11px;border:1px dashed #e5eaf2;border-radius:9px;background:#fcfdff}.people-on-shift{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.shift-person{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f2f6}.shift-person>span:nth-child(2){flex:1;min-width:0}.shift-person b,.shift-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-person b{font-size:11px}.shift-person small{font-size:9px;color:var(--muted);margin-top:3px}.refresh-badge{white-space:nowrap;font-size:8px;color:#188e6c;background:#e8f8f2;border-radius:20px;padding:6px 8px;font-weight:700}.leader-list{display:flex;flex-direction:column}.leader-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f1f3f7}.leader-rank{font:800 10px 'Segoe UI',Arial;color:#99a5b8;width:20px}.leader-name{flex:1;min-width:0}.leader-name b,.leader-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-name b{font-size:10px}.leader-name small{font-size:9px;color:#99a2b2;margin-top:3px}.leader-score{font-size:10px;color:#3e5f9c}.leader-score small{font-size:8px;color:#9aa5b6;font-weight:500}.vote-form{display:flex;gap:8px;margin-top:12px}.vote-form select{flex:1;min-width:0}.voted-note{font-size:9px;color:#909bad;margin:10px 0 0}.server-list{display:flex;flex-direction:column}.server-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f0f2f6}.server-row>span:nth-child(2){flex:1;min-width:0}.server-row b,.server-row small{display:block}.server-row b{font-size:10px}.server-row small{font-size:9px;color:#929bad;margin-top:3px}.server-state{width:8px;height:8px;border-radius:50%;background:#17b883}.server-state.online{background:#16ae7d;box-shadow:0 0 0 4px #17b88318}.server-state.maintenance{background:#e0a22d;box-shadow:0 0 0 4px #e0a22d18}.server-state.issue,.server-state.offline{background:#dc5660;box-shadow:0 0 0 4px #dc566018}.status-pill{display:inline-flex;align-items:center;white-space:nowrap;background:#f1f3f7;color:#737e90;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:700}.status-pill.online,.status-pill.approved,.status-pill.completed,.status-pill.done,.status-pill.active,.status-pill.assigned,.status-pill.paid{background:#e7f7f0;color:#13865f}.status-pill.maintenance,.status-pill.pending,.status-pill.waiting,.status-pill.planning,.status-pill.review,.status-pill.requested{background:#fff5df;color:#a97814}.status-pill.issue,.status-pill.offline,.status-pill.rejected,.status-pill.urgent{background:#fff0ef;color:#c74852}.status-pill.for_sale{background:#edf3ff;color:#3b69c7}.status-pill.sold{background:#f2ecff;color:#7456ba}.status-pill.in_progress{background:#eaf1ff;color:#3869cc}.compact-list>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f0f2f6;font-size:9px}.compact-list>div span:first-child{color:#8290a5;min-width:72px}.compact-list>div b{font-size:10px;flex:1}.compact-list>div small{font-size:9px;color:#8a95a7}.announcement-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #f0f2f6}.announcement-date{width:35px;height:32px;border-radius:8px;background:#eef3ff;color:#3f69c0;display:grid;place-items:center;font-size:9px;font-weight:700;flex:none}.announcement-item b{font-size:10px}.announcement-item p{font-size:9px;line-height:1.45;color:#828c9e;margin:3px 0}.announcement-item small{font-size:8px;color:#a4adba}.dashboard-grid .announcements-panel{grid-column:1/-1}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700;transition:.16s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#3478f4,#2461e2);box-shadow:0 5px 12px #2867eb28}.button.secondary{color:#475771;background:#f0f3f8;border:1px solid #e6eaf1}.button.danger{background:#fff0ef;color:#c94b53}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.small-button{padding:8px 11px;font-size:9px}.full{width:100%;padding:13px}.text-button{border:0;background:none;color:var(--blue);font-size:10px;font-weight:700;padding:4px}.danger-text{color:#d15059}.form-grid,.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.admin-form-grid label,.login-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#657187}.form-grid .wide,.admin-form-grid .wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #e3e8f0;background:#fff;border-radius:7px;padding:9px 10px;outline:none;color:#273249;font-size:11px;transition:.15s}textarea{resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#77a2f5;box-shadow:0 0 0 3px #3278ef13}input[type=checkbox]{width:auto;accent-color:var(--blue)}input[type=color]{height:38px;padding:3px}input[type=range]{padding:0;accent-color:var(--blue)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.spaced{margin-top:15px}.balance-panel{background:linear-gradient(135deg,#fff,#f6f9ff)}.leave-balance{display:flex;align-items:baseline;gap:8px;margin:12px 0 4px}.leave-balance strong{font:800 31px 'Segoe UI',Arial;color:var(--blue)}.leave-balance span,.balance-panel>small{font-size:10px;color:#8792a4}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:580px}th{text-align:left;padding:9px 10px;background:#f7f9fc;color:#8a95a8;font-size:8px;letter-spacing:.5px;text-transform:uppercase}td{padding:10px;border-bottom:1px solid #eff1f5;font-size:10px;color:#58657a;vertical-align:middle}td b{color:#28344a}td small{display:block;color:#99a3b2;font-size:8px;margin-top:3px}td.actions{display:flex;align-items:center;gap:10px}td.actions form{margin:0}.people-grid,.package-grid,.server-cards,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.person-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;box-shadow:var(--shadow)}.person-card-top{display:flex;align-items:center;justify-content:space-between}.avatar-large{width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,#deebff,#9ec2ff);display:grid;place-items:center;color:#2561d6;font:800 16px 'Segoe UI',Arial}.presence-tag{font-size:8px;border-radius:18px;padding:6px 8px;color:#6f7b8e;background:#f1f3f7}.presence-tag.active{color:#18865f;background:#e9f8f1}.presence-tag.leave{color:#aa781a;background:#fff6e3}.person-card h3{margin:14px 0 4px}.person-card>p{font-size:10px;color:#748096;margin:0 0 5px}.person-card .muted{font-size:9px}.role-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.role-tag{border-radius:20px;background:color-mix(in srgb,var(--role-color) 10%,white);color:var(--role-color);padding:5px 7px;font-size:8px;font-weight:700}.person-bio{margin-top:10px!important;font-size:9px!important;line-height:1.5}.chat-layout{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:600px;max-height:calc(100vh - 180px);background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.chat-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.new-chat-form{padding:15px;border-bottom:1px solid var(--line)}.new-chat-form h3{margin-bottom:10px}.new-chat-form label{font-size:9px;color:#738096;font-weight:700}.new-chat-form select{margin-top:5px}.new-chat-form>input{margin:7px 0}.chat-thread-list{overflow:auto}.thread-item{padding:11px 14px;display:flex;gap:9px;border-bottom:1px solid #f3f4f7}.thread-item:hover,.thread-item.selected{background:#f4f7ff}.thread-avatar{width:30px;height:30px;border-radius:10px;background:#eaf1ff;display:grid;place-items:center;color:var(--blue);font-size:11px;flex:none}.thread-item>span:last-child{min-width:0}.thread-item b,.thread-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-item b{font-size:10px}.thread-item small{font-size:9px;color:#8c96a6;margin-top:4px}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-heading{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat-heading h2{font-size:14px}.chat-heading small{font-size:9px;color:#8994a6}.secure-tag{font-size:8px;color:#1c9871;background:#e9f8f2;padding:6px 8px;border-radius:16px}.messages{flex:1;overflow:auto;background:#fafbfe;padding:18px;display:flex;flex-direction:column;gap:9px}.message{max-width:75%;align-self:flex-start;padding:10px 12px;border:1px solid #e8edf5;border-radius:4px 12px 12px 12px;background:#fff}.message.mine{align-self:flex-end;background:#edf4ff;border-color:#e0ebff;border-radius:12px 4px 12px 12px}.message b{font-size:9px;color:#49658f}.message p{font-size:11px;margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message small{font-size:8px;color:#9ca5b3}.chat-compose{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line)}.chat-compose input{flex:1}.chat-empty{margin:auto}.task-create{margin-bottom:14px}.task-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.task-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.task-card-head>div{display:flex;align-items:center;gap:8px}.task-card h3{margin:0}.priority-dot{width:7px;height:7px;border-radius:50%;background:#9aa4b4}.priority-dot.high,.priority-dot.urgent{background:#e3545c}.priority-dot.low{background:#39ac86}.task-card>p{font-size:10px;color:#758197;margin:10px 0}.task-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#8d98a8;font-size:8px;margin:10px 0}.task-meta b{color:#58677f}.progress-track{height:5px;background:#edf0f5;border-radius:6px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#2868eb,#5b8ef5);border-radius:6px}.progress-form{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:11px}.progress-form label{font-size:9px;color:#748196;display:flex;align-items:center;gap:7px;grid-column:1/-1}.progress-form input[type=range]{flex:1}.progress-form output{width:35px}.progress-form>input{grid-column:1}.progress-form button{grid-column:2;grid-row:2}.project-create{margin-bottom:14px}.project-card h3{margin:10px 0 6px}.project-card>p{font-size:10px;color:#778397;min-height:31px;margin-bottom:9px}.project-top{display:flex;justify-content:space-between;align-items:center}.project-category,.package-category{font-size:8px;letter-spacing:.6px;font-weight:700;color:#8c97a9}.project-owner{font-size:9px;color:#8b95a5;margin-bottom:10px}.project-owner b{color:#53627a}.project-progress-label{font-size:9px;color:#8290a4;display:flex;justify-content:space-between;margin-bottom:6px}.project-progress-label b{color:#4269b2}.project-update-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.project-update-form label{font-size:8px;color:#7d899c;display:flex;flex-direction:column;gap:4px}.project-update-form label.wide{grid-column:1/-1}.project-update-form input,.project-update-form select{font-size:9px;padding:7px}.project-update-form button{grid-column:1/-1}.project-details{border-top:1px solid #edf0f4;margin-top:13px;padding-top:10px}.project-details summary{font-size:9px;font-weight:700;color:#52617a;cursor:pointer}.inline-form{display:flex;align-items:center;gap:6px}.project-details .inline-form{margin:9px 0}.inline-form input,.inline-form select{min-width:0;font-size:9px;padding:7px}.project-task,.project-update{display:flex;align-items:center;gap:7px;border-top:1px solid #f2f4f7;padding:7px 0;font-size:9px}.project-task>span{flex:1}.project-task form{display:flex;gap:4px}.project-task select{width:auto;padding:5px;font-size:8px}.project-update{display:block}.project-update b{font-size:8px;color:#4a69a6}.project-update span{display:block;margin-top:3px;color:#65738a}.project-update small{font-size:8px;color:#a0a8b5}.project-details>.muted{font-size:8px;margin:8px 0 0}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.wallet-card{border-radius:13px;padding:19px 20px;color:#fff;background:linear-gradient(125deg,#1f59ca,#3980f5);box-shadow:0 12px 25px #246ce52b}.wallet-card.cash-wallet{background:linear-gradient(125deg,#145e73,#16a3a0)}.wallet-card span,.wallet-card small{display:block;opacity:.8;font-size:9px;letter-spacing:.6px}.wallet-card strong{display:block;font:800 26px 'Segoe UI',Arial;margin:7px 0 4px}.wallet-card small{font-size:9px;letter-spacing:0}.promo-list{display:flex;flex-direction:column;gap:7px}.promo-card{border:1px dashed #dce4f1;border-radius:9px;padding:10px;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;align-items:center}.promo-card code{grid-row:span 2;color:#255fce;font-weight:800;font-size:11px}.promo-card span{font-size:9px}.promo-card small{font-size:8px;color:#99a2b1}.discount-request-form{display:flex;gap:7px;margin-top:12px}.discount-request-form input{min-width:0}.request-products{display:flex;flex-direction:column}.product-request-row{display:grid;grid-template-columns:1fr 180px auto;gap:9px;align-items:center;border-bottom:1px solid #f0f2f6;padding:10px 0}.product-request-row>div{min-width:0}.product-request-row b,.product-request-row small{display:block}.product-request-row b{font-size:10px;margin:3px 0}.product-request-row small{font-size:9px;color:#8994a5}.product-request-row input{font-size:9px}.package-card{position:relative}.package-icon{width:35px;height:35px;background:#edf3ff;color:var(--blue);border-radius:10px;display:grid;place-items:center;font-size:17px;margin-bottom:13px}.package-card h3{margin:8px 0}.package-card>p{font-size:9px;color:#7d899a;min-height:28px}.package-card>small{font-size:8px;color:#9aa3b1}.package-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:10px;border-top:1px solid #f0f2f6}.package-foot small{font-size:8px;color:#98a1b0}.package-details{margin-top:8px!important;padding:8px;background:#f7f9fc;border-radius:6px}.server-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.server-card-top{display:flex;justify-content:space-between;align-items:center}.server-state.large{width:10px;height:10px}.server-card h3{margin-top:14px}.server-card>p{font-size:10px;color:#7c8799}.server-details{padding:10px;background:#f7f9fc;border-radius:8px;color:#6f7d92;font-size:9px;margin:10px 0;line-height:1.5}.server-card>small{font-size:8px}.quick-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-link{border:1px solid #e9edf4;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:6px;transition:.15s}.quick-link:hover{border-color:#bcd0fb;box-shadow:0 7px 18px #2969ef12;transform:translateY(-1px)}.quick-link>span{width:28px;height:28px;border-radius:9px;background:#eef4ff;color:#3271e8;display:grid;place-items:center;font-size:14px}.quick-link b{font-size:10px}.quick-link small{font-size:8px;color:#9aa3b2}.article-item{border-bottom:1px solid #eff1f5;padding:11px 0}.article-item summary{font-size:10px;font-weight:700;cursor:pointer}.article-item summary small{display:block;font-weight:400;color:#929dae;margin-top:4px;font-size:8px}.article-item>div{font-size:10px;color:#66748b;line-height:1.6;padding:10px 0}.contract-meta{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eef1f5;padding:4px 0 10px}.contract-meta b{font-size:11px;flex:1}.contract-meta span,.contract-meta small{font-size:8px;color:#8591a4}.contract-body{max-height:400px;overflow:auto;font-size:10px;line-height:1.7;color:#65738a;padding:12px 2px}.voice-intro{display:flex;align-items:center;justify-content:space-between;margin:3px 0 18px}.voice-intro .eyebrow{color:var(--blue)}.voice-intro h1{margin:6px 0}.voice-intro p{font-size:11px;margin:0}.voice-intro form{display:flex;gap:8px}.voice-intro input{width:180px}.call-open{border-radius:30px;padding:8px 11px;background:#e9f8f1;color:#16825d;font-size:10px;font-weight:700;display:flex;align-items:center;gap:8px}.voice-room{padding:21px}.voice-room-heading{display:flex;align-items:center;justify-content:space-between}.voice-room-heading>div{display:flex;align-items:center;gap:12px}.voice-room-heading h2{margin:0 0 4px}.voice-room-heading p{font-size:9px;color:#8a95a7;margin:0}.call-wave{width:42px;height:42px;border-radius:13px;background:#edf3ff;color:#3371e6;display:grid;place-items:center;font-size:19px}.voice-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 15px;padding:13px 0;border-top:1px solid #eff1f5;border-bottom:1px solid #eff1f5}.button.is-active{background:#fff0ef;color:#c34952}.voice-layout{display:grid;grid-template-columns:220px 1fr;gap:14px;min-height:290px}.participant-panel{background:#f8f9fc;border:1px solid #eef1f6;border-radius:10px;padding:14px}.participant-panel h3{font-size:11px;color:#58667e;display:flex;justify-content:space-between}.participant-panel h3 span{background:#e8edf5;border-radius:12px;padding:2px 7px;font-size:8px}.participant-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #ebeff5}.participant-row b{font-size:9px;flex:1}.screen-panel{position:relative;min-height:260px;background:#111a2e;border-radius:10px;overflow:hidden;display:grid;place-items:center}.screen-placeholder{color:#8d9bb7;font-size:10px}.remote-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;flex-wrap:wrap}.remote-user{position:relative;min-width:120px;max-width:100%;width:calc(50% - 9px);height:100%;max-height:340px;display:flex;align-items:center;justify-content:center}.remote-video{display:none;max-width:100%;max-height:100%;border-radius:8px}.remote-video.visible{display:block}.remote-audio{position:absolute;width:1px;height:1px;opacity:0}.remote-label{position:absolute;z-index:1;bottom:8px;left:8px;background:#10182bcc;color:white;border-radius:5px;padding:4px 7px;font-size:8px}.remote-user.disconnected{opacity:.5}.voice-empty{padding:50px 15px;text-align:center}.voice-empty-icon{width:58px;height:58px;border-radius:18px;background:#edf3ff;color:#3d76e9;margin:auto auto 12px;display:grid;place-items:center;font-size:25px}.voice-empty h3{font-size:14px}.voice-empty p{font-size:10px;color:#8994a6;max-width:390px;margin:auto}.call-note{display:flex;gap:9px;margin:12px 2px;color:#8692a5;font-size:9px}.call-note b{color:#64738a;white-space:nowrap}.admin-header{display:flex;align-items:center;justify-content:space-between;margin:3px 0 18px}.admin-header .eyebrow{color:var(--blue);margin-bottom:5px}.admin-header h1{font-size:25px;margin-bottom:4px}.admin-header p{font-size:10px;margin:0}.admin-badge{font-size:9px;color:#12845e;background:#e8f8f1;padding:8px 10px;border-radius:20px;font-weight:700}.admin-tabs{display:flex;gap:5px;overflow:auto;padding:0 0 12px;margin-bottom:13px;border-bottom:1px solid var(--line);scrollbar-width:thin}.admin-tabs a{white-space:nowrap;padding:8px 10px;border-radius:7px;font-size:9px;color:#788499;font-weight:700}.admin-tabs a:hover,.admin-tabs a.active{background:#eaf1ff;color:#2867e7}.admin-stat-grid{grid-template-columns:repeat(4,1fr)}.admin-form-panel{margin-bottom:14px}.admin-form-grid{gap:10px 12px}.admin-form-grid fieldset{border:1px solid #e7ebf1;border-radius:8px;padding:11px}.admin-form-grid legend,.permission-grid legend{font-size:9px;font-weight:700;color:#64728a;padding:0 5px}.role-checks>div{display:flex;flex-wrap:wrap;gap:8px 14px}.check-option{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:6px!important;font-size:9px!important;font-weight:500!important;color:#59677d!important}.role-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.permission-group{border:1px solid #eef1f5;border-radius:8px;padding:9px}.permission-group>b{display:block;font-size:9px;color:#40516d;margin-bottom:8px}.permission-group .check-option{display:flex!important;margin:6px 0}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-columns>.panel:last-child:nth-child(odd){grid-column:1/-1}.admin-form-panel .button,.form-grid>.button{justify-self:start}.request-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eff1f5}.request-card>div{min-width:0}.request-card b,.request-card span{display:block;font-size:9px}.request-card span{color:#778499;margin-top:3px}.request-card p{font-size:9px;color:#69768c;margin:6px 0 0}.request-card form{display:flex;gap:5px;align-items:center}.request-card select{width:auto;max-width:115px;font-size:8px;padding:7px}.project-admin-list{display:flex;flex-direction:column;gap:8px}.project-sale-form{display:grid;grid-template-columns:1fr repeat(3,115px) auto;gap:8px;align-items:end;padding:9px 0;border-bottom:1px solid #eff1f5}.project-sale-form>div b,.project-sale-form>div small{display:block}.project-sale-form>div b{font-size:10px}.project-sale-form>div small{font-size:8px;color:#8c96a6;margin-top:4px}.project-sale-form label{display:flex;flex-direction:column;gap:4px;font-size:8px;color:#8792a4}.project-sale-form input{font-size:9px;padding:7px}.login-page,.setup-page{min-height:100vh;background:radial-gradient(circle at 18% 16%,#274a91 0,#1a2c59 29%,#101b39 73%);display:grid;place-items:center;overflow:hidden;position:relative}.login-decoration{position:absolute;border-radius:50%;filter:blur(1px);border:1px solid #ffffff15}.decor-one{width:550px;height:550px;left:-220px;bottom:-200px;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03}.decor-two{width:480px;height:480px;right:-160px;top:-180px;background:radial-gradient(circle,#ffffff0c,transparent 68%)}.login-card,.setup-card{z-index:1;width:min(420px,calc(100vw - 30px));background:#fff;border:1px solid #ffffff6b;border-radius:18px;padding:30px;box-shadow:0 25px 80px #08112a55}.login-brand{padding:0;color:var(--ink);margin-bottom:40px}.login-brand small{color:#8c96a6}.login-intro .eyebrow{color:var(--blue)}.login-intro h1{font-size:26px;margin:8px 0}.login-intro p{font-size:11px;color:#7c8798;margin-bottom:21px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form label{font-size:10px}.login-foot{margin-top:17px;text-align:center;font-size:9px;color:#969faf}.login-page .flash{margin:0 0 13px}.setup-card .brand-mark{margin-bottom:15px}.setup-card h1{font-size:23px}.setup-card>p{font-size:10px;color:#778499}.setup-card form{display:flex;flex-direction:column;gap:12px;margin:18px 0}.setup-card label{font-size:10px;font-weight:700;display:flex;flex-direction:column;gap:6px}.text-link{cursor:pointer}.setup-card .text-link{font-size:10px}.text-button:hover,.text-link:hover{text-decoration:underline}
@media(max-width:1150px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar{width:220px}.main-area{margin-left:220px;width:calc(100% - 220px)}.people-grid,.package-grid,.server-cards,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-link-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.sidebar{width:67px;padding:15px 8px}.brand{justify-content:center;padding:0 0 23px}.brand>span:last-child,.side-label,.nav-item>span:last-child,.user-summary,.sidebar-bottom form{display:none}.nav-item{justify-content:center;padding:0;height:42px}.nav-icon{font-size:17px}.sidebar-bottom{justify-content:center;padding-top:11px}.main-area{margin-left:67px;width:calc(100% - 67px)}.topbar{padding:0 18px}.content-wrap{padding:22px 18px 30px}.app-footer{padding:0 18px 15px}.topbar-right>span:not(.online-dot):not(.date-chip){display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .announcements-panel{grid-column:auto}.admin-tabs{margin-right:-18px}.admin-columns{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr 1fr}.project-sale-form{grid-template-columns:1fr 1fr}.project-sale-form>div{grid-column:1/-1}.project-sale-form button{grid-column:1/-1}.chat-layout{grid-template-columns:220px 1fr}.quick-link-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{height:66px;padding:0 13px}.topbar-kicker{font-size:7px}.topbar-title{font-size:13px}.topbar-right{gap:4px}.date-chip{font-size:9px;padding:6px;margin-left:3px}.content-wrap{padding:17px 12px 24px}.welcome-row h1{font-size:23px}.welcome-date{width:70px;height:72px}.stat-grid{gap:8px}.stat-card{min-height:78px;padding:11px 9px;gap:7px}.stat-icon{width:31px;height:31px}.stat-card div span{font-size:8px}.stat-card strong{font-size:16px}.stat-card>small{right:8px;bottom:8px;font-size:7px}.panel{padding:14px}.people-on-shift{grid-template-columns:1fr}.split-grid,.wallet-grid,.task-list{grid-template-columns:1fr}.people-grid,.package-grid,.server-cards,.project-grid{grid-template-columns:1fr}.form-grid,.admin-form-grid{grid-template-columns:1fr}.form-grid .wide,.admin-form-grid .wide{grid-column:auto}.admin-form-grid .wide{grid-column:1}.permission-grid{grid-template-columns:1fr}.quick-link-grid{grid-template-columns:1fr 1fr}.chat-layout{grid-template-columns:1fr;max-height:none}.chat-sidebar{max-height:240px;border-right:0;border-bottom:1px solid var(--line)}.chat-main{min-height:390px}.chat-compose{padding:8px}.message{max-width:90%}.product-request-row{grid-template-columns:1fr auto}.product-request-row>input{grid-column:1}.product-request-row>button{grid-column:2;grid-row:2}.voice-intro{align-items:flex-start;gap:10px;flex-direction:column}.voice-intro form{width:100%}.voice-intro input{flex:1;width:auto}.voice-room{padding:14px}.voice-room-heading{align-items:flex-start;gap:9px}.voice-room-heading h2{font-size:14px}.voice-actions .button{flex:1;min-width:42%}.voice-layout{grid-template-columns:1fr}.participant-panel{order:2}.screen-panel{min-height:220px}.admin-header h1{font-size:21px}.admin-stat-grid{grid-template-columns:1fr 1fr}.login-card,.setup-card{padding:24px 20px}.request-card{align-items:flex-start;flex-direction:column}.request-card form{width:100%}.request-card form select{flex:1;max-width:none}.project-update-form{grid-template-columns:1fr 1fr}}

.project-members{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:8px 0;font-size:8px;color:#7c899c}.project-members form{margin:0}.project-members select{width:auto;min-width:120px;font-size:8px;padding:6px}

.screen-panel.has-screen .screen-placeholder{display:none}