body.sp-mode .app-shell{grid-template-columns:1fr!important}body.sp-mode .sidebar{display:none!important}body.sp-mode .content-wrap{padding:0!important;max-width:100%!important}body.sp-mode .topbar-left .search,body.sp-mode .topbar-left .topbar-quick{display:none!important}body.sp-mode .topbar{background:rgba(6,14,12,.94)!important;border-bottom:1px solid rgba(52,211,153,.12)!important;backdrop-filter:blur(16px)!important}#view-staff-portal{border:none!important;padding:0!important;min-height:calc(100vh - 60px)}.sp-root{--sp-bg:#040807;--sp-surface:#0c1412;--sp-surface2:#111c19;--sp-border:rgba(52, 211, 153, 0.12);--sp-text:#d1e7df;--sp-text-bright:#ecfdf5;--sp-muted:#7aa896;--sp-accent:#34d399;--sp-accent2:#10b981;--sp-warning:#fbbf24;--sp-danger:#f87171;--sp-r:12px;background:var(--sp-bg);color:var(--sp-text);font-family:Outfit,-apple-system,sans-serif;font-size:14px;padding:20px 24px 32px;position:relative}.sp-root::before{content:"";position:absolute;top:-80px;right:-60px;width:380px;height:380px;background:radial-gradient(circle,rgba(52,211,153,.1) 0,transparent 70%);pointer-events:none}.sp-root>*{position:relative;z-index:1}.sp-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:linear-gradient(180deg,rgba(17,28,25,.96),rgba(12,20,18,.92));border:1px solid var(--sp-border);border-radius:16px;margin-bottom:18px;box-shadow:0 8px 32px rgba(0,0,0,.35)}.sp-header-left{display:flex;align-items:center;gap:16px}.sp-header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#059669,#34d399);border-radius:14px;color:#fff;box-shadow:0 6px 20px rgba(52,211,153,.35)}.sp-header-title{font-size:1.35rem;font-weight:700;color:var(--sp-text-bright);margin:0}.sp-header-sub{font-size:.85rem;color:var(--sp-muted);margin:4px 0 0}.sp-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#34d399;margin-right:6px;animation:2s infinite sp-pulse}@keyframes sp-pulse{0%,100%{opacity:1}50%{opacity:.4}}.sp-header-actions{display:flex;gap:10px;flex-wrap:wrap}.sp-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;font-size:.875rem;font-weight:600;border:1px solid var(--sp-border);background:var(--sp-surface2);color:var(--sp-text);cursor:pointer;transition:.2s}.sp-btn:hover{border-color:rgba(52,211,153,.35);color:var(--sp-text-bright)}.sp-btn-primary{background:linear-gradient(135deg,#059669,#10b981);border-color:transparent;color:#fff}.sp-btn-primary:hover{filter:brightness(1.08)}.sp-btn-ghost{background:0 0}.sp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.sp-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:rgba(12,20,18,.85);border:1px solid var(--sp-border);border-radius:14px;backdrop-filter:blur(10px)}.sp-stat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(52,211,153,.12);color:var(--sp-accent)}.sp-stat-val{font-size:1.5rem;font-weight:700;color:var(--sp-text-bright);line-height:1.1}.sp-stat-lbl{font-size:.75rem;color:var(--sp-muted);text-transform:uppercase;letter-spacing:.04em}.sp-tabs-wrap{margin-bottom:16px;overflow-x:auto}.sp-tabs{display:flex;gap:8px;min-width:max-content}.sp-tab{padding:10px 16px;border-radius:10px;border:1px solid transparent;background:0 0;color:var(--sp-muted);font-weight:600;cursor:pointer;white-space:nowrap;transition:.2s}.sp-tab:hover{color:var(--sp-text);background:rgba(52,211,153,.06)}.sp-tab.active{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.3);color:var(--sp-accent)}.sp-tabpane{display:none}.sp-tabpane.active{display:block}.sp-panel{background:rgba(12,20,18,.88);border:1px solid var(--sp-border);border-radius:14px;padding:20px;margin-bottom:16px;backdrop-filter:blur(12px)}.sp-panel h3{margin:0 0 14px;font-size:1rem;color:var(--sp-text-bright)}.sp-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.sp-table-wrap{overflow-x:auto}.sp-table{width:100%;border-collapse:collapse;font-size:.875rem}.sp-table th{text-align:left;padding:10px 12px;color:var(--sp-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--sp-border)}.sp-table td{padding:12px;border-bottom:1px solid rgba(52,211,153,.06);color:var(--sp-text)}.sp-table tr:hover td{background:rgba(52,211,153,.04)}.sp-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:capitalize}.sp-badge-open{background:rgba(52,211,153,.15);color:#6ee7b7}.sp-badge-progress{background:rgba(251,191,36,.15);color:#fcd34d}.sp-badge-closed{background:rgba(148,163,184,.15);color:#cbd5e1}.sp-badge-urgent{background:rgba(248,113,113,.15);color:#fca5a5}.sp-input,.sp-select,.sp-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--sp-border);background:#0a1210;color:var(--sp-text-bright);font-family:inherit;font-size:.875rem;margin-bottom:10px}.sp-input:focus,.sp-select:focus,.sp-textarea:focus{outline:0;border-color:rgba(52,211,153,.45);box-shadow:0 0 0 3px rgba(52,211,153,.12)}.sp-chat-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;min-height:420px}@media (max-width:768px){.sp-chat-layout{grid-template-columns:1fr}}.sp-chat-threads{background:rgba(10,18,16,.9);border:1px solid var(--sp-border);border-radius:14px;overflow-y:auto;max-height:480px}.sp-chat-thread{padding:14px 16px;border-bottom:1px solid rgba(52,211,153,.06);cursor:pointer;transition:.15s}.sp-chat-thread.active,.sp-chat-thread:hover{background:rgba(52,211,153,.08)}.sp-chat-thread.unread{border-left:3px solid var(--sp-accent)}.sp-chat-thread strong{display:block;color:var(--sp-text-bright);font-size:.9rem}.sp-thread-preview{font-size:.78rem;color:var(--sp-muted);margin-top:4px}.sp-thread-role{font-size:.68rem;color:var(--sp-accent);text-transform:uppercase}.sp-chat-main{display:flex;flex-direction:column;background:rgba(10,18,16,.9);border:1px solid var(--sp-border);border-radius:14px;overflow:hidden}.sp-chat-header{padding:14px 18px;border-bottom:1px solid var(--sp-border);font-weight:600;color:var(--sp-text-bright)}.sp-chat-messages{flex:1;padding:16px;overflow-y:auto;max-height:360px;display:flex;flex-direction:column;gap:10px}.sp-chat-msg{max-width:78%;padding:10px 14px;border-radius:12px;font-size:.875rem;line-height:1.45}.sp-chat-msg.mine{align-self:flex-end;background:linear-gradient(135deg,#059669,#10b981);color:#fff}.sp-chat-msg.theirs{align-self:flex-start;background:rgba(52,211,153,.1);border:1px solid var(--sp-border)}.sp-chat-form{display:flex;gap:10px;padding:14px;border-top:1px solid var(--sp-border)}.sp-chat-form .sp-input{margin:0;flex:1}.sp-activity-item{padding:12px 0;border-bottom:1px solid rgba(52,211,153,.06);font-size:.875rem;color:var(--sp-text)}.sp-activity-item time{display:block;font-size:.75rem;color:var(--sp-muted);margin-top:4px}.sp-empty{text-align:center;padding:40px 20px;color:var(--sp-muted)}.sp-empty-title{font-size:1rem;color:var(--sp-text-bright);margin:8px 0 4px}.sp-task-card{padding:16px 18px;border:1px solid rgba(52,211,153,.14);border-radius:14px;margin-bottom:12px;background:rgba(10,18,16,.55);backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);box-shadow:0 8px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}.sp-task-card strong{color:var(--sp-text-bright)}.sp-task-card-submitted{border-color:rgba(52,211,153,.32);background:rgba(16,32,26,.62)}.sp-task-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sp-task-submitted-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#6ee7b7;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.sp-task-desc{margin:8px 0 0;color:var(--sp-muted);font-size:.875rem;line-height:1.5}.sp-task-meta{margin-top:8px;color:var(--sp-muted);font-size:.8rem}.sp-task-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border-radius:14px}.sp-task-status-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sp-muted);width:100%;margin-bottom:-4px}.sp-task-status-wrap{position:relative;flex:1;min-width:160px}.sp-task-status-wrap::after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid rgba(110,231,183,.85);pointer-events:none}.sp-task-status-select{appearance:none;-webkit-appearance:none;width:100%;padding:11px 38px 11px 14px;border-radius:12px;border:1px solid rgba(52,211,153,.22);background:rgba(6,14,12,.72);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:var(--sp-text-bright);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 4px 18px rgba(0,0,0,.22);transition:border-color .2s,box-shadow .2s,background .2s}.sp-task-status-select:hover{border-color:rgba(52,211,153,.38);background:rgba(8,18,15,.82)}.sp-task-status-select:focus{outline:0;border-color:rgba(52,211,153,.55);box-shadow:0 0 0 3px rgba(52,211,153,.14),inset 0 1px 0 rgba(255,255,255,.05)}.sp-task-status-select option{background:#0c1412;color:var(--sp-text-bright)}.sp-task-submit-btn{padding:11px 18px;border-radius:12px;border:1px solid rgba(52,211,153,.28);background:linear-gradient(135deg,rgba(5,150,105,.85),rgba(16,185,129,.78));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ecfdf5;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 6px 22px rgba(16,185,129,.22),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .15s,box-shadow .2s,opacity .2s}.sp-task-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 26px rgba(16,185,129,.32),inset 0 1px 0 rgba(255,255,255,.14)}.sp-task-submit-btn.is-loading,.sp-task-submit-btn:disabled{opacity:.65;cursor:wait}.sp-notif-item{display:block;width:100%;text-align:left;padding:12px 14px;border-radius:10px;margin-bottom:8px;background:rgba(52,211,153,.06);border:1px solid var(--sp-border);cursor:pointer;transition:background .2s,border-color .2s,transform .18s}.sp-notif-item:hover{background:rgba(52,211,153,.12);border-color:rgba(52,211,153,.35);transform:translateY(-1px)}.sp-notif-item.unread{border-color:rgba(52,211,153,.35);box-shadow:inset 3px 0 0 var(--sp-accent)}.sp-notif-item.ticket{border-left:3px solid var(--sp-warning)}.sp-notif-item.message{border-left:3px solid var(--sp-accent)}.sp-notif-item.task{border-left:3px solid #a78bfa}.sp-notif-item.is-history{opacity:.72;cursor:default}.sp-notif-item.is-history:hover{transform:none}.sp-notif-body{font-size:.85rem;color:#7aa896;margin-top:4px}.sp-notif-history-panel{margin-top:12px}.sp-activity-item.sp-notif-quick{display:block;width:100%;text-align:left;border:none;background:0 0;cursor:pointer;transition:background .2s}.sp-activity-item.sp-notif-quick:hover{background:rgba(52,211,153,.08)}.sp-activity-item.sp-notif-quick.unread{box-shadow:inset 3px 0 0 var(--sp-accent)}#view-staff-portal *,#view-staff-portal ::after,#view-staff-portal ::before{box-sizing:border-box}#view-staff-portal,#view-staff-portal .sp-chat-main,#view-staff-portal .sp-chat-threads,#view-staff-portal .sp-notif-item,#view-staff-portal .sp-panel,#view-staff-portal .sp-root,#view-staff-portal .sp-stat-card,#view-staff-portal .sp-table-wrap,#view-staff-portal .sp-task-actions,#view-staff-portal .sp-task-card{background:rgba(12,20,18,.92)!important;color:var(--sp-text)!important;border-color:var(--sp-border)!important;box-shadow:none!important}#view-staff-portal div,#view-staff-portal h2,#view-staff-portal h3,#view-staff-portal label,#view-staff-portal p,#view-staff-portal span{color:inherit}#view-staff-portal .sp-chat-header,#view-staff-portal .sp-chat-thread strong,#view-staff-portal .sp-empty-title,#view-staff-portal .sp-header-title,#view-staff-portal .sp-panel h3,#view-staff-portal .sp-stat-val,#view-staff-portal .sp-task-card strong{color:var(--sp-text-bright)!important}#view-staff-portal table,#view-staff-portal tbody,#view-staff-portal td,#view-staff-portal th,#view-staff-portal thead,#view-staff-portal tr{background:0 0!important;color:var(--sp-text)!important;border-color:rgba(52,211,153,.1)!important}#view-staff-portal .sp-table th{background:rgba(16,28,24,.95)!important;color:var(--sp-muted)!important;font-weight:600!important}#view-staff-portal .sp-table td{background:0 0!important;color:var(--sp-text)!important}#view-staff-portal .sp-table tbody tr:hover td{background:rgba(52,211,153,.06)!important}#view-staff-portal .sp-table-empty,#view-staff-portal td.sp-table-empty{background:0 0!important;color:var(--sp-muted)!important;padding:32px 16px!important;text-align:center!important}#view-staff-portal .sp-empty,#view-staff-portal .sp-empty *{background:0 0!important;color:var(--sp-muted)!important}#view-staff-portal .sp-empty-title{color:var(--sp-text-bright)!important}#view-staff-portal .sp-btn{background:rgba(17,28,25,.9)!important;color:var(--sp-text)!important;background-image:none!important}#view-staff-portal .sp-btn-primary{background:linear-gradient(135deg,#059669,#10b981)!important;color:#fff!important;border-color:transparent!important}#view-staff-portal .sp-btn-ghost{background:rgba(52,211,153,.08)!important}#view-staff-portal .sp-tab{background:0 0!important;color:var(--sp-muted)!important}#view-staff-portal .sp-tab.active{background:rgba(52,211,153,.14)!important;color:var(--sp-accent)!important}#view-staff-portal .sp-input,#view-staff-portal .sp-select,#view-staff-portal .sp-textarea{background:#0a1210!important;color:var(--sp-text-bright)!important;border-color:var(--sp-border)!important}#view-staff-portal .sp-glass{background:rgba(13,24,20,.72)!important;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(52,211,153,.18)!important;box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04)!important}#view-staff-portal .sp-task-card{background:rgba(10,18,16,.55)!important;backdrop-filter:blur(14px) saturate(130%)!important;-webkit-backdrop-filter:blur(14px) saturate(130%)!important;box-shadow:0 8px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important}#view-staff-portal .sp-task-card-submitted{background:rgba(16,32,26,.62)!important}#view-staff-portal .sp-task-status-select{background:rgba(6,14,12,.72)!important;color:var(--sp-text-bright)!important;border-color:rgba(52,211,153,.22)!important;backdrop-filter:blur(16px) saturate(150%)!important;-webkit-backdrop-filter:blur(16px) saturate(150%)!important}#view-staff-portal .sp-task-submit-btn{background:linear-gradient(135deg,rgba(5,150,105,.85),rgba(16,185,129,.78))!important;color:#ecfdf5!important;border-color:rgba(52,211,153,.28)!important}.sp-attendance-live{margin-bottom:16px}.sp-attendance-live-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sp-attendance-status{font-size:.92rem;color:var(--sp-text,#d1fae5);margin-bottom:6px}.sp-attendance-timer{font-size:1.6rem;font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#6ee7b7;margin-bottom:6px}.sp-attendance-location{font-size:.78rem;color:rgba(167,243,208,.75);margin-bottom:12px}.sp-attendance-actions{display:flex;flex-wrap:wrap;gap:8px}.sp-stat-clickable{cursor:pointer;transition:transform .18s,border-color .2s,box-shadow .2s}.sp-stat-clickable:hover{transform:translateY(-2px);border-color:rgba(52,211,153,.35);box-shadow:0 10px 28px rgba(0,0,0,.28)}.sp-module-head,.sp-module-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.sp-module-head h3,.sp-module-toolbar h3{margin:0}.sp-toolbar-filters{display:flex;gap:8px;flex-wrap:wrap}.sp-link-btn{background:0 0;border:none;color:var(--sp-accent);font-size:.8rem;font-weight:600;cursor:pointer;padding:0}.sp-link-btn:hover{color:#6ee7b7;text-decoration:underline}.sp-snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sp-snapshot-item{padding:12px 14px;border-radius:12px;border:1px solid var(--sp-border);background:rgba(10,18,16,.55)}.sp-snapshot-item span{display:block;font-size:.72rem;color:var(--sp-muted);text-transform:uppercase;letter-spacing:.04em}.sp-snapshot-item strong{font-size:1.2rem;color:var(--sp-text-bright);margin-top:4px;display:block}.sp-overview-top{margin-bottom:16px}.sp-attendance-summary .sp-timer-compact{font-size:1.25rem;margin-top:4px}.sp-attendance-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sp-attendance-stat{padding:12px;border-radius:12px;border:1px solid var(--sp-border);background:rgba(10,18,16,.5)}.sp-attendance-stat span{display:block;font-size:.72rem;color:var(--sp-muted)}.sp-attendance-stat strong{font-size:1.15rem;color:var(--sp-text-bright)}.sp-tasks-grid{display:grid;gap:14px}.sp-task-card-mini{display:block;width:100%;text-align:left;border:1px solid rgba(52,211,153,.12);border-radius:12px;padding:12px 14px;background:rgba(10,18,16,.45);cursor:pointer;margin-bottom:8px;transition:.18s}.sp-task-card-mini:hover{border-color:rgba(52,211,153,.32);background:rgba(52,211,153,.06)}.sp-task-meta-line{color:var(--sp-muted);font-size:.78rem;margin-top:4px}.sp-badge-high{background:rgba(251,146,60,.15);color:#fdba74}.sp-badge-medium{background:rgba(96,165,250,.12);color:#93c5fd}.sp-badge-low{background:rgba(148,163,184,.12);color:#cbd5e1}.sp-ticket-desc{font-size:.76rem;color:var(--sp-muted);margin-top:4px;max-width:280px}.sp-ticket-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.sp-btn-sm{padding:6px 10px!important;font-size:.78rem!important}.sp-assigned-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.7rem;font-weight:600;color:#6ee7b7;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.25)}.sp-task-progress-wrap{height:6px;border-radius:999px;background:rgba(52,211,153,.1);overflow:hidden;margin:10px 0}.sp-task-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#059669,#34d399);transition:width .25s}.sp-task-progress-pill{font-size:.72rem;font-weight:700;color:#6ee7b7;padding:4px 10px;border-radius:999px;background:rgba(52,211,153,.12)}.sp-task-form-row{flex:1;min-width:180px}.sp-task-form-row-full{flex:1 1 100%}.sp-task-action-btns{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:4px}.sp-task-progress-input{width:100%;accent-color:#34d399}.sp-task-progress-val{font-size:.8rem;color:var(--sp-muted)}.sp-task-comments{margin-top:10px;display:grid;gap:6px}.sp-task-comment{padding:8px 10px;border-radius:10px;background:rgba(52,211,153,.06);border:1px solid var(--sp-border);font-size:.82rem}.sp-task-comment time{display:block;font-size:.7rem;color:var(--sp-muted);margin-top:4px}.sp-task-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sp-task-attachment{font-size:.78rem;color:var(--sp-accent);text-decoration:none;padding:4px 8px;border-radius:8px;border:1px solid var(--sp-border)}.sp-task-notes{margin-top:8px;font-size:.84rem;color:var(--sp-muted)}.sp-file-input{font-size:.8rem;color:var(--sp-muted)}.sp-client-card{transition:.18s}.sp-client-card:hover{border-color:rgba(52,211,153,.28)}.sp-client-email{color:var(--sp-muted);font-size:.85rem;margin-top:6px}.sp-client-msg-btn{margin-top:10px}.sp-select{margin-bottom:0;min-width:140px}#view-staff-portal .sp-select,#view-staff-portal .sp-textarea{background:#0a1210!important;color:var(--sp-text-bright)!important;border-color:var(--sp-border)!important}@media (max-width:768px){.sp-root{padding:14px 12px 24px}.sp-header{flex-direction:column;align-items:flex-start}.sp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-table{font-size:.8rem}.sp-task-actions{flex-direction:column;align-items:stretch}.sp-attendance-stats,.sp-snapshot-grid{grid-template-columns:1fr}}