:root{font-family:Inter,system-ui,Arial,sans-serif;color:#111827;background:#f4f6fb}*{box-sizing:border-box}body{margin:0;background:#f4f6fb}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.secondary-btn{cursor:pointer;border:1px solid #0f5132;background:#0f7a43;color:#fff;border-radius:12px;padding:.7rem 1rem}.secondary-btn{background:#fff;color:#14532d;border-color:#86efac}.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #0f5132;background:#0f7a43;color:#fff;border-radius:12px;padding:.7rem 1rem}.button-link.secondary{background:#fff;color:#14532d;border-color:#86efac}.topbar{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#0f7a43,#0b5f34);color:#fff;border-bottom:1px solid #065f46;position:sticky;top:0;z-index:10}.brand{font-weight:800}.nav,.toolbar,.inline-actions,.filters{display:flex;gap:.75rem;align-items:center}.nav a{color:#ffffffe0;padding:.45rem .7rem;border-radius:999px}.nav a.active{background:#ffffff26;color:#fff}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.container{max-width:1200px;margin:0 auto;padding:1.25rem}.page-stack,.form-stack{display:grid;gap:1rem}.max-w{max-width:540px}.section-card{background:#fff;padding:1rem;border-radius:20px;box-shadow:0 8px 24px #0f172a0f;border:1px solid #e5e7eb}.section-card--status-available{background:linear-gradient(180deg,#ecfdf5,#fff 42%);border-color:#86efac}.section-card--status-busy{background:linear-gradient(180deg,#fef2f2,#fff 42%);border-color:#fca5a5}.section-card--status-inactive{background:linear-gradient(180deg,#f8fafc,#fff 42%);border-color:#cbd5e1}.grid-3,.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}label{display:grid;gap:.4rem}input,select,textarea{width:100%;padding:.75rem .85rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff}textarea{min-height:110px;resize:vertical}.work-card{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;display:grid;gap:.75rem;background:#fafafa}.work-card--hold{background:#fff1f2;border-color:#fda4af}.work-card--done{background:#f8fafc;border-color:#cbd5e1}.status-text{color:#475569}.badge{display:inline-block;background:#065f46;color:#fff;border-radius:999px;padding:.3rem .7rem;font-size:.875rem}.user-chip{background:#ffffff26;color:#fff;padding:.45rem .75rem;border-radius:999px}.active-tab{background:#166534;color:#fff;border-color:#166534}.metric{display:grid;gap:.25rem;padding:1rem;border-radius:16px;background:#f8fafc}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem;border-bottom:1px solid #e5e7eb;vertical-align:top}.form-grid{display:grid;gap:1rem}.form-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chip-list,.chip-row,.work-summary-list{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:#eefbf3;color:#166534;border:1px solid #86efac}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.28rem .7rem;background:#ecfccb;color:#365314;border:1px solid #bef264;font-size:.87rem}.pill-dark{background:#14532d;color:#fff;border-color:#14532d}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.28rem .7rem;font-size:.87rem;font-weight:700}.status-pill--available{background:#16a34a;color:#fff}.status-pill--busy{background:#dc2626;color:#fff}.status-pill--inactive{background:#64748b;color:#fff}.mini-work-pill{border-radius:999px;padding:.3rem .75rem;font-size:.87rem}.mini-work-pill--hold{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.skill-box{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:end}.map-wrap{display:grid;gap:.5rem}.map-frame{width:100%;border:1px solid #cbd5e1;border-radius:16px;min-height:220px}.map-meta{display:flex;justify-content:space-between;gap:.75rem;color:#475569;font-size:.92rem;flex-wrap:wrap}.map-placeholder{border:1px dashed #cbd5e1;border-radius:16px;padding:1rem;color:#64748b;background:#f8fafc}.price-list-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.price-card{display:grid;gap:.5rem;border:1px solid #d1fae5;border-radius:18px;padding:1rem;background:#f0fdf4}.price-amount{font-size:1.2rem;font-weight:800;color:#166534}@media(max-width:900px){.topbar{flex-direction:column;align-items:stretch}.nav,.toolbar,.filters{flex-wrap:wrap}.skill-box{grid-template-columns:1fr}}.expiry-banner{max-width:1200px;margin:0 auto;margin-top:.75rem;padding:.85rem 1rem;border-radius:16px;background:#fff7ed;color:#9a3412;border:1px solid #fdba74}.work-card--available{background:#ecfdf5;border-color:#86efac}.link-like{background:transparent;color:inherit;border:none;padding:0 0 0 .35rem}.brand-logo{display:inline-flex;align-items:center;gap:.75rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#0f7a43;color:#fff;font-weight:800}.brand-logo-image{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0000002e;background:#fff}.footer-logo-image{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 6px 16px #0f172a1f;background:#fff}.hero-logo-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.hero-logo{width:140px;height:140px;object-fit:contain}.password-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.notification-list{display:grid;gap:.75rem}.notification-item{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:start;padding:.9rem;border:1px solid #dbe5ef;border-radius:14px;background:#f8fafc}.notification-item--read{opacity:.72}@media(max-width:720px){.password-row,.notification-item{grid-template-columns:1fr}}.notification-bell{position:relative}.notification-bell__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:.65rem .9rem;border-radius:999px;background:#ffffff1f;border-color:#fff3}.notification-bell__button--active{background:#fff3}.notification-bell__icon{font-size:1.15rem;line-height:1}.notification-bell__count{position:absolute;top:-6px;right:-4px;min-width:22px;height:22px;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dc2626;color:#fff;font-size:.75rem;font-weight:800;border:2px solid #0b5f34}.notification-bell__panel{position:absolute;top:calc(100% + .65rem);right:0;width:min(380px,88vw);max-height:420px;overflow:auto;background:#fff;color:#111827;border:1px solid #dbe5ef;border-radius:18px;box-shadow:0 18px 36px #0f172a29;padding:.9rem;z-index:30}.notification-bell__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.notification-bell__list{display:grid;gap:.65rem}.notification-bell__item{display:grid;gap:.35rem;padding:.8rem;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}.notification-bell__item--read{opacity:.76}.notification-bell__item p{margin:0;color:#334155;white-space:pre-wrap}.notification-bell__item small{color:#64748b}@media(max-width:720px){.notification-bell__panel{right:-1rem;width:min(360px,92vw)}}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60}.call-overlay__card{width:min(720px,96vw);background:#fff;border-radius:24px;padding:1rem;box-shadow:0 24px 64px #0f172a47;display:grid;gap:1rem}.call-overlay__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.call-overlay__streams{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.call-overlay__stream{display:grid;gap:.5rem}.call-overlay__video{width:100%;min-height:220px;background:#020617;border-radius:18px;object-fit:cover}.call-overlay__audio{padding:1rem;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fafc;color:#334155}.browser-only-note{padding:1rem;border:1px dashed #f59e0b;border-radius:16px;background:#fffbeb;color:#92400e}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:.75rem;z-index:60}.call-overlay__card{width:min(920px,96vw);max-height:min(92vh,820px);overflow:auto;background:#fff;border-radius:24px;padding:1rem;box-shadow:0 24px 64px #0f172a47;display:grid;gap:.9rem}.call-overlay__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.call-overlay__header-main{display:grid;gap:.2rem}.call-overlay__subtitle{margin:0}.call-overlay__meta{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.call-overlay__timer{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:.35rem .7rem;border-radius:999px;background:#0f172a;color:#fff;font-weight:700}.call-overlay__error{color:#991b1b}.call-overlay__stage-wrap{position:relative;min-height:min(62vh,520px)}.call-overlay__stage{position:relative;min-height:min(62vh,520px);border-radius:22px;overflow:hidden;background:#020617;display:flex;align-items:center;justify-content:center}.call-overlay__stage-label{position:absolute;left:.85rem;bottom:.85rem;padding:.3rem .6rem;border-radius:999px;background:#0f172ab8;color:#fff;font-size:.82rem}.call-overlay__video{width:100%;height:100%;min-height:min(62vh,520px);background:#020617;object-fit:cover;transform-origin:center center}.call-overlay__video--self{min-height:0;border-radius:18px}.call-overlay__self-preview{position:absolute;right:1rem;bottom:1rem;width:min(32vw,220px);aspect-ratio:9 / 16;border-radius:20px;overflow:hidden;background:#0f172a;border:2px solid rgba(255,255,255,.75);box-shadow:0 16px 40px #0f172a47}.call-overlay__self-label{position:absolute;left:.6rem;bottom:.6rem;padding:.25rem .55rem;border-radius:999px;background:#0f172ab8;color:#fff;font-size:.78rem}.call-overlay__self-placeholder,.call-overlay__audio-stage{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:.6rem;padding:1rem;text-align:center;color:#fff}.call-overlay__audio-stage span,.call-overlay__self-placeholder{color:#ffffffd1}.call-overlay__avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;font-size:2rem}.call-overlay__tools,.call-overlay__actions{justify-content:center}.call-overlay__end{background:#b91c1c;border-color:#991b1b}@media(max-width:720px){.call-overlay__card{width:min(100vw - 1rem,560px);max-height:94vh;padding:.8rem}.call-overlay__header{flex-direction:column;align-items:stretch}.call-overlay__meta{justify-content:flex-start}.call-overlay__stage,.call-overlay__video{min-height:50vh}.call-overlay__self-preview{width:34vw;min-width:108px;max-width:150px;right:.75rem;bottom:.75rem}}