@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#f4f6fb;--glass-bg:#ffffffe6;--glass-border:#dfe5ef;--text-primary:#182033;--text-secondary:#667085;--accent-color:#a96700;--accent-hover:#865300;--success:#16803c;--danger:#c73939;--input-bg:#fff;--row-border:#edf0f5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15% 20%,#dda53024 0%,#0000 38%),radial-gradient(circle at 85% 5%,#4d84da1a 0%,#0000 32%);min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.dashboard-container{grid-template-columns:250px 1fr 300px;gap:24px;width:100%;max-width:1600px;height:100vh;margin:0 auto;padding:24px;display:grid}.sidebar{flex-direction:column;gap:32px;padding:24px;display:flex}.logo{color:var(--accent-color);align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.nav-menu{flex-direction:column;gap:16px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.main-content{flex-direction:column;gap:24px;min-width:0;padding-right:8px;display:flex;overflow:hidden auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.top-header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.search-bar{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:24px;outline:none;width:300px;padding:12px 24px;font-family:inherit;transition:all .3s}.search-bar:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #ffd10033}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.stat-card{flex-direction:column;gap:12px;padding:24px;transition:transform .3s;display:flex}.stat-card:hover{transform:translateY(-5px)}.stat-title{color:var(--text-secondary);font-size:14px;font-weight:500}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700}.stat-change{font-size:14px;font-weight:500}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.chart-container{flex-direction:column;gap:16px;min-height:300px;padding:24px;display:flex}.chart-placeholder{border:2px dashed var(--glass-border);color:var(--text-secondary);border-radius:12px;flex:1;justify-content:center;align-items:center;display:flex}.right-panel{flex-direction:column;gap:24px;display:flex}.profile-card{align-items:center;gap:16px;padding:24px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent-color), #fff176);color:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-primary);font-weight:600}.profile-role{color:var(--text-secondary);font-size:13px}.recent-activity{flex:1;padding:24px}.activity-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.activity-item{align-items:flex-start;gap:12px;display:flex}.activity-dot{background:var(--accent-color);border-radius:50%;width:10px;height:10px;margin-top:6px}.activity-content{flex-direction:column;gap:4px;display:flex}.activity-text{color:var(--text-primary);font-size:14px}.activity-time{color:var(--text-secondary);font-size:12px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar select{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit}.clients-table-wrap{padding:8px;overflow-x:auto}.clients-table{border-collapse:collapse;width:100%;font-size:14px}.clients-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding:14px 16px;font-size:12px;font-weight:600}.clients-table td{border-bottom:1px solid var(--row-border);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.clients-table tr:last-child td{border-bottom:none}.client-name{color:var(--text-primary);font-weight:600}.assigned-name{color:var(--text-secondary);font-size:13px}.status-pill{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-pending{color:var(--accent-color);background:#ffd1002e}.status-active{color:#245ea8;background:#e8f1ff}.status-hold{color:#4b5565;background:#eceff4}.client-services{flex-wrap:wrap;gap:6px;display:flex}.client-service-badge{color:#805000;background:#fff3d7;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pagination-bar{justify-content:center;align-items:center;gap:8px;padding-top:8px;display:flex}.pagination-bar button{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;transition:all .2s}.pagination-bar button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.pagination-bar button:disabled{opacity:.4;cursor:not-allowed}.pagination-bar span{color:var(--text-secondary);font-size:13px}@media (max-width:1250px){.dashboard-client-table{padding:0;overflow:visible}.dashboard-client-table .clients-table,.dashboard-client-table .clients-table tbody{display:block}.dashboard-client-table .clients-table thead{display:none}.dashboard-client-table .clients-table tbody{gap:14px;display:grid}.dashboard-client-table .clients-table tr{border:1px solid var(--glass-border);background:#fff;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.dashboard-client-table .clients-table td{border-bottom:1px solid var(--row-border);flex-direction:column;gap:5px;min-width:0;padding:13px 16px;display:flex}.dashboard-client-table .clients-table td:before{content:attr(data-label);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.dashboard-client-table .clients-table .dashboard-client-business,.dashboard-client-table .clients-table .dashboard-client-actions{grid-column:1/-1}.dashboard-client-table .clients-table .dashboard-client-business{padding-bottom:10px}.dashboard-client-table .clients-table .dashboard-client-business:before{display:none}.dashboard-client-table .clients-table .dashboard-client-actions{border-bottom:0;flex-flow:wrap;align-items:center}.dashboard-client-table .clients-table td>.client-services{flex-direction:row;align-items:center;display:flex}.dashboard-client-table .clients-table tr:hover td{background:0 0}.dashboard-client-table .clients-table tr.client-priority{background:#fff6cf}.dashboard-client-table .clients-table tr.client-expiring{background:#ffe1e1}}@media (max-width:620px){.dashboard-client-table .clients-table tr{grid-template-columns:1fr}}.client-editor{margin:18px 0;padding:22px}.client-editor-header{margin-bottom:18px}.client-editor-form{flex-direction:column;gap:18px;display:flex}.client-editor-section{flex-direction:column;gap:12px;display:flex}.client-editor-plan-section,.client-editor-usage-form{border-top:1px solid var(--glass-border);padding-top:18px}.client-editor-section-title{color:var(--text-secondary);letter-spacing:.02em;font-size:13px}.client-editor-grid{align-items:end;gap:14px;display:grid}.client-editor-basic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.client-editor-usage-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.client-editor-field{min-width:0}.client-editor-check{min-height:46px;color:var(--text-secondary);white-space:nowrap;align-items:center;font-size:13px;display:flex}.client-editor-check-group{grid-column:span 2;grid-template-columns:repeat(2,max-content);align-items:center;gap:2px 20px;display:grid}.client-editor-actions{min-width:0}.client-editor-actions .login-button{white-space:nowrap;width:100%;min-height:46px}.client-editor-usage-form{flex-direction:column;gap:12px;margin-top:20px;display:flex}@media (max-width:1250px){.client-editor-basic-grid,.client-editor-plan-grid,.client-editor-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-editor-check-group{grid-column:1/-1}}@media (max-width:620px){.client-editor{padding:16px}.client-editor-basic-grid,.client-editor-plan-grid,.client-editor-usage-grid{grid-template-columns:1fr}}.team-editor{margin-bottom:20px;padding:24px}.team-editor-form{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.team-editor-form .login-field{flex:150px;min-width:0}.team-field-notes{flex:170px!important}.team-field-active{white-space:nowrap;flex:none;margin-top:31px}.team-editor-submit{flex:0 0 120px;min-width:0;margin-top:27px}.team-editor-submit .login-button{width:100%}.team-layout{grid-template-columns:minmax(320px,340px) minmax(0,1fr);gap:0;max-width:100%;display:grid}.team-members-panel{border-right:1px solid var(--glass-border);min-width:0;padding:22px}.team-members-panel .toolbar{flex-wrap:nowrap;align-items:center;gap:8px}.team-members-panel .toolbar h2{white-space:nowrap}.team-add-member{white-space:nowrap;flex:none;padding:10px 12px}.team-member-list{flex-direction:column;gap:8px;margin-top:18px;display:flex}.team-member-card{width:100%;min-height:58px;color:var(--text-primary);cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .2s,border-color .2s;display:flex}.team-member-name{font-weight:600;display:block}.team-member-role{color:var(--text-secondary);margin-top:3px;font-size:12px;display:block}.team-member-card .nav-text{font-weight:600}.team-member-card .nav-text span{margin-top:3px;display:block}.team-detail-panel{min-width:0;padding:22px 24px}.team-detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.team-detail-heading h2{margin:0}.team-header-actions{flex-wrap:wrap;gap:8px;display:flex}.team-assignment-form{border:1px solid var(--glass-border);background:#f8fafc;border-radius:12px;flex-direction:column;gap:12px;margin:0 0 18px;padding:16px;display:flex}.team-assignment-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.team-client-search{flex:260px;position:relative}.login-field select,.team-assignment-form select,.team-editor .login-field textarea{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font:inherit;border-radius:10px;outline:none;padding:12px 14px}.team-editor .login-field textarea{resize:none;white-space:pre-wrap;height:46px;min-height:46px;line-height:1.45;overflow:hidden}.team-search-results{z-index:10;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0}.team-detail-panel .clients-table-wrap{padding:0;overflow:visible}.team-empty-state{min-height:260px;color:var(--text-secondary);text-align:center;place-items:center;display:grid}@media (max-width:1024px){.dashboard-container{grid-template-columns:80px 1fr}.right-panel,.nav-text{display:none}.team-members-panel{border-right:0;border-bottom:1px solid var(--glass-border)}.team-detail-heading{flex-direction:column}.team-layout{grid-template-columns:1fr}.team-members-panel .toolbar{flex-wrap:wrap}.team-editor-submit{flex-basis:100%}}.login-page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.login-card{flex-direction:column;gap:20px;width:100%;max-width:380px;padding:40px 32px;display:flex}.login-logo{color:var(--accent-color);align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}.login-header{flex-direction:column;gap:8px;display:flex}.login-title{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.4}.login-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.5}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.login-field input{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}.login-field input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #ffd1002e}.login-button{background:var(--accent-color);color:#0a0a0a;cursor:pointer;border:none;border-radius:10px;padding:13px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--danger);background:#ff4d4d1f;border:1px solid #ff4d4d4d;border-radius:8px;padding:10px 14px;font-size:13px}.login-hint{color:var(--text-secondary);font-size:12px;line-height:1.6}.login-hint strong{color:var(--accent-color)}.role-badge{color:var(--accent-color);text-transform:uppercase;letter-spacing:.04em;background:#ffd10024;border:1px solid #ffd1004d;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.permissions-card{padding:20px 24px}.permissions-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.permissions-list li{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;list-style:none;display:flex}.permissions-list li:before{content:"▸";color:var(--accent-color);font-weight:700}.logout-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:12px;transition:all .2s}.priority-btn{color:#805000;cursor:pointer;background:#fff7d9;border:1px solid #edc660;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:600}.priority-btn.active{color:#553400;background:#f6c948;border-color:#d89b00}:root{--bg-color:#f5f7ff;--glass-bg:#fff;--glass-border:#dfe6f1;--text-primary:#17233d;--text-secondary:#64748b;--accent-color:#b56700;--accent-hover:#955400;--row-border:#edf1f6;--panel-shadow:0 10px 28px #192d4f0f}body{background:radial-gradient(circle at 4% 2%,#ffd6997a 0%,#0000 25%),radial-gradient(circle at 96% 0,#bad3ff94 0%,#0000 30%),radial-gradient(circle at 72% 96%,#ddceff75 0%,#0000 31%),linear-gradient(135deg,#fbfcff 0%,#f1f5ff 48%,#faf7ff 100%);line-height:1.4;display:block}.glass{box-shadow:var(--panel-shadow);background:linear-gradient(145deg,#ffffffed,#fafcffe0);border-radius:14px}.dashboard-container{grid-template-columns:238px minmax(0,1fr) 276px;align-items:start;gap:18px;max-width:1680px;height:auto;min-height:100vh;padding:18px}.sidebar{gap:26px;max-height:calc(100vh - 36px);padding:20px 14px;position:sticky;top:18px}.logo{padding:0 8px;font-size:21px}.nav-menu{gap:6px}.nav-item{border-radius:9px;gap:12px;padding:11px 12px}.nav-item:hover,.nav-item.active{background:#fff3de}.main-content{gap:18px;padding-right:0;overflow:visible}.top-header{gap:18px;min-height:86px;padding:17px 20px}.top-header>div:first-child{min-width:0}.top-header h1{letter-spacing:-.02em;line-height:1.2;font-size:20px!important}.top-header>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:10px!important}.top-header>div:last-child>span:first-child{white-space:nowrap}.search-bar{border-radius:9px;width:230px;padding:10px 13px}.stats-grid{gap:14px}.stat-card{gap:8px;min-height:132px;padding:19px 20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #192d4f1a}.stat-value{font-size:28px;line-height:1.15}.chart-container{gap:18px;min-height:0;padding:20px}.right-panel{gap:14px;position:sticky;top:18px}.profile-card,.recent-activity,.permissions-card{padding:18px}.toolbar{gap:12px}.toolbar select{border-radius:9px;padding:9px 12px}.clients-table-wrap{margin:0 -6px;padding:0 6px 4px}.clients-table th{padding:11px 12px}.clients-table td{padding:13px 12px}.clients-table tr:hover td{background:#fffaf1}.status-pill{padding:4px 9px}.client-service-badge{padding:3px 7px}.pagination-bar{padding-top:2px}.client-editor{box-shadow:none;background:#fbfcfe;margin:2px 0;padding:20px}.client-editor-header{border-bottom:1px solid var(--glass-border);margin-bottom:4px;padding-bottom:15px}.client-editor-form{gap:20px}.client-editor-section{gap:11px}.client-editor-plan-section,.client-editor-usage-form{padding-top:20px}.client-editor-section-title{color:var(--text-primary);font-weight:600}.client-editor-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(205px,1.35fr) minmax(120px,.8fr)}.client-editor-check{min-height:28px;color:var(--text-primary)}.client-editor-check input{accent-color:var(--accent-color)}.client-editor-check-group{border:1px solid var(--glass-border);background:#fff;border-radius:9px;gap:4px 16px;min-height:46px;padding:7px 10px}.login-button{border-radius:9px;padding:11px 14px;transition:background .2s,transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px #b5670033}.logout-btn{background:#fff;padding:8px 11px}.logout-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.priority-btn{padding:8px 11px}@media (max-width:1250px){.client-editor-basic-grid,.client-editor-plan-grid,.client-editor-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-editor-check-group,.client-editor-actions{grid-column:1/-1}.client-editor-actions .login-button{width:auto;min-width:160px}}@media (max-width:1024px){.dashboard-container{grid-template-columns:80px minmax(0,1fr);gap:14px;padding:14px}.sidebar{max-height:calc(100vh - 28px);padding:18px 12px;top:14px}.right-panel{display:none}}@media (max-width:760px){.dashboard-container{padding:12px;display:block}.sidebar{flex-direction:row;align-items:center;gap:14px;max-height:none;margin-bottom:12px;padding:10px 12px;position:static}.sidebar .logo{padding:0}.sidebar .nav-menu{flex-direction:row;flex:1;justify-content:flex-end;overflow-x:auto}.sidebar .nav-item{flex:none}.main-content{gap:12px}.top-header{flex-direction:column;align-items:flex-start;padding:16px}.top-header>div:last-child{justify-content:flex-start;width:100%}.search-bar{flex:180px;width:auto}.stats-grid{grid-template-columns:1fr}.chart-container{padding:16px}.toolbar{align-items:flex-start}.toolbar>div{flex-wrap:wrap}}@media (max-width:620px){.client-editor{padding:16px}.client-editor-basic-grid,.client-editor-plan-grid,.client-editor-usage-grid{grid-template-columns:1fr}.client-editor-check-group{grid-template-columns:repeat(2,minmax(0,1fr))}.client-editor-actions .login-button{width:100%}.pagination-bar{flex-wrap:wrap}}.nav-item:hover,.nav-item.active{color:#4756a6;background:linear-gradient(135deg,#dae5ffeb,#f5e5ffeb)}.profile-avatar{color:#23345c;background:linear-gradient(135deg,#9fc5ff 0%,#c9b1ff 52%,#ffd5a6 100%)}.login-button{color:#fff;background:linear-gradient(135deg,#7588df 0%,#9c75d5 55%,#c779b7 100%)}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#6177d4 0%,#8a65c6 55%,#b968a6 100%)}.search-bar:focus,.login-field input:focus,.login-field select:focus,.team-assignment-form select:focus{border-color:#8799e8;box-shadow:0 0 0 3px #8799e82e}.role-badge{color:#5965ad;background:linear-gradient(135deg,#d5e4fff0,#eddafff0);border-color:#cad3f3}.client-service-badge{color:#5965ad;background:linear-gradient(135deg,#eaf1ff,#f5ebff)}.team-member-card:hover,.team-member-card.active{background:linear-gradient(135deg,#eff4ff,#f8efff);border-color:#d4dcf7}.team-assignment-form{background:linear-gradient(135deg,#f8faff,#fcf9ff)}.logout-btn:hover{color:#5c68ad;background:linear-gradient(135deg,#f3f6ff,#fbf3ff);border-color:#8999df}.activity-dot{background:linear-gradient(135deg,#7288e2,#c27cc3)}.logo{color:#7487df}.logo .nav-text{background:linear-gradient(90deg,#6479d8 0%,#9472d2 52%,#c278b3 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.workload-progress-track{background:linear-gradient(90deg,#e9efff,#f7edff);border:1px solid #dce4f7;border-radius:999px;height:10px;overflow:hidden}.workload-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6f85df 0%,#9777d6 55%,#c97db7 100%);height:100%;transition:width .3s;box-shadow:0 1px 5px #7970d247}.login-card{background:linear-gradient(145deg,#fffffff5,#f4f7ffeb);border-color:#cbd6f4e6;box-shadow:0 18px 42px #5b68b124}.login-logo{color:#7487df}.login-logo span{background:linear-gradient(90deg,#6479d8 0%,#9472d2 52%,#c278b3 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.login-hint{color:#69769c}.demo-account-label{color:#596fd0;font-weight:700}.login-hint .demo-password{color:#9a5ab7;font-weight:700}.clients-table tr.client-priority td{background:linear-gradient(90deg,#e0d6ff 0%,#ead8fa 100%)}.clients-table tr.client-priority:hover td{background:linear-gradient(90deg,#d4c7fa 0%,#dfc8f1 100%)}.clients-table tr.client-priority td{color:#2f2500;background:#e4bc2a}.clients-table tr.client-priority .assigned-name{color:#2f2500;font-weight:700}.clients-table tr.client-expiring td{background:linear-gradient(90deg,#ffd0d5 0%,#ffc5d0 100%)}.clients-table tr.client-priority:hover td{color:#241b00;background:#d6aa14}.clients-table tr.client-expiring:hover td{background:linear-gradient(90deg,#ffb9c4 0%,#ffacba 100%)}.dashboard-client-table .clients-table tr.client-priority{background:#e4bc2a}.dashboard-client-table .clients-table tr.client-expiring{background:linear-gradient(90deg,#ffd0d5 0%,#ffc5d0 100%)}.status-expiring{color:#85213b;background:linear-gradient(135deg,#ffb7c3,#ff9ead)}.status-expired{color:#853247;background:linear-gradient(135deg,#ffd8df,#ffc8d4)}