:root{--purple:#6457d5;--ink:#282a37;--muted:#7c7f8d;--line:#e8e8ef;--bg:#f8f8fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Arial,sans-serif}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-size:21px;font-weight:700;padding:0 10px 28px}.brand>b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--purple);color:#fff}.brand span{font-weight:700}nav{display:grid;gap:4px}nav a{height:43px;padding:0 13px;border-radius:9px;display:flex;align-items:center;text-decoration:none;color:#656976;font-weight:600}nav a:hover,nav a.active{background:#efedff;color:#5244c3}nav i{margin-left:auto;background:#ded9ff;border-radius:20px;padding:2px 7px;font-size:10px}.privacy{margin-top:auto;display:flex;gap:9px;padding:12px;background:#f4f1ff;border:1px solid #e5e0ff;border-radius:10px;color:#6557c9;font-size:12px}.privacy b,.privacy small,.account b,.account small{display:block}.privacy small{font-size:9px}.account{margin-top:15px;padding:14px 8px 0;border-top:1px solid var(--line)}.account small{color:var(--muted)}.account a{display:block;margin-top:8px;color:#6557c9;font-size:11px}main{padding:30px 34px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:25px;margin:0 0 3px}header p,.card-title p{margin:0;color:var(--muted);font-size:11px}.primary,.danger{display:inline-block;border:0;border-radius:8px;background:var(--purple);color:#fff;text-decoration:none;padding:10px 15px;font-weight:700;cursor:pointer}.danger{background:#d45d5d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.stats article,.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 2px 7px #332f5008}.stats article{padding:19px}.stats small,.stats b,.stats em{display:block}.stats small{font-size:9px;color:#9699a4}.stats b{font-size:24px;margin:5px 0}.stats em{font-style:normal;font-size:10px;color:#328f77}.card{overflow:hidden}.card-title{padding:19px 20px}.card-title h2{margin:0 0 3px;font-size:16px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{border-top:1px solid var(--line);padding:13px 18px;text-align:left;white-space:nowrap}th{background:#fbfbfc;color:#999ca6;font-size:8px}td{font-size:10px;color:#626673}tbody tr{cursor:pointer}tbody tr:hover{background:#faf9ff}.status{padding:4px 8px;border-radius:20px;font-weight:700}.preactive{background:#e7efff;color:#4169a5}.activated{background:#def5e9;color:#147457}.onhold{background:#fff0d3;color:#97691d}.deactivated{background:#f1e5e5;color:#9b4b4b}.clock{width:min(580px,100%);margin:50px auto;text-align:center;padding:45px}.clock-icon{margin:auto;width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#efedf6;color:#8c889b;font-size:36px}.clock-icon.live{background:#def5e9;color:#147457}.shade{position:fixed;inset:0;background:#25233866;display:flex;justify-content:flex-end}.drawer{position:relative;width:min(620px,96vw);height:100%;overflow:auto;background:#fff;padding:34px}.drawer h2{font-size:22px;margin:0}.drawer>p{color:var(--muted);margin:3px 0 24px}.close{position:absolute;right:20px;top:14px;color:#888;text-decoration:none;font-size:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.login-card label{display:grid;gap:5px;font-size:10px;font-weight:700}.wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #dddde5;border-radius:8px;padding:10px;background:#fff}textarea{min-height:100px;resize:vertical}.save{width:100%;margin-top:18px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 20px}.team-grid article{background:#f8f8fb;border-radius:8px;padding:13px}.team-grid b,.team-grid span,.team-grid em{display:block}.team-grid span{font-size:10px;color:var(--muted)}.team-grid em{font-size:9px;color:#6557c9}.inline-form{border-top:1px solid var(--line);padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr 120px auto;gap:8px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f7f5ff,#eef4ff)}.login-card{width:min(410px,92vw);background:#fff;border:1px solid var(--line);border-radius:15px;padding:34px;box-shadow:0 25px 60px #39305f1c}.login-card .brand{padding:0 0 28px}.login-card h1{margin:0}.login-card>p{color:var(--muted)}.login-card form{display:grid;gap:14px;margin-top:25px}.secure{display:block;color:#6a61a1;text-align:center;margin-top:22px}.alert{background:#fde9e9;color:#a04444;border-radius:8px;padding:10px;margin:15px 0}@media(max-width:850px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}nav{display:flex;overflow:auto}.privacy,.account{display:none}main{padding:20px 14px}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.inline-form{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}}

.delete-link{display:inline-block;margin-top:10px;color:#b74444;font-size:10px;font-weight:700;text-decoration:none}.delete-link:hover{text-decoration:underline}.confirm-shade{align-items:center;justify-content:center}.confirm-card{width:min(440px,92vw);background:#fff;border-radius:14px;padding:28px;box-shadow:0 24px 70px #25233835}.confirm-card h2{margin:0 0 10px}.confirm-card p{color:var(--muted)}.confirm-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:24px}.confirm-actions a{color:#666;text-decoration:none}

.client-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 26px}.client-details>div{background:#f8f8fb;border:1px solid var(--line);border-radius:8px;padding:11px}.client-details small,.client-details b{display:block}.client-details small{font-size:8px;color:#9699a4;margin-bottom:4px}.client-details b{font-size:11px;overflow-wrap:anywhere}.client-details a{font-size:11px;color:#5748c8;font-weight:700}.client-details .detail-wide{grid-column:1/-1}.update-title{margin:0 0 12px;font-size:15px;border-top:1px solid var(--line);padding-top:20px}@media(max-width:600px){.client-details{grid-template-columns:1fr}.client-details .detail-wide{grid-column:auto}}

.employee-profile{max-width:1180px;margin:0 auto}.profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.profile-top h2{font-size:28px;margin:12px 0 2px}.profile-top p{margin:0;color:var(--muted)}.back-link{color:#5b4ccd;text-decoration:none;font-weight:700;font-size:11px}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.profile-main{display:grid;gap:16px}.profile-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 2px 8px #332f5008}.profile-card h3{margin:0;font-size:16px}.section-heading{margin-bottom:17px}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-list>div{background:#f8f8fb;border-radius:8px;padding:12px}.detail-list small,.detail-list b{display:block}.detail-list small{font-size:8px;color:#9699a4;margin-bottom:4px}.detail-list b{font-size:11px;overflow-wrap:anywhere}.detail-list .detail-wide{grid-column:1/-1}.link-grid{display:grid;gap:10px}.link-grid>div{border:1px solid var(--line);border-radius:9px;padding:11px}.link-grid>div>span{display:block;font-size:9px;font-weight:700;color:#6b6e79;margin-bottom:7px}.url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.copy-link{font-size:10px;background:#f8f8fb;padding:8px}.url-row a{white-space:nowrap;color:#5748c8;font-weight:700;text-decoration:none}.link-grid em{color:var(--muted);font-size:10px}.profile-side{height:auto;position:static;top:auto;background:transparent;border:0;padding:0;display:block}.summary-card{position:sticky;top:20px}.summary-card dl{margin:12px 0 0}.summary-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid var(--line)}.summary-card dt{color:var(--muted);font-size:10px}.summary-card dd{margin:0;text-align:right;font-weight:700;font-size:10px}.followup-form textarea{min-height:150px}@media(max-width:950px){.profile-layout{grid-template-columns:1fr}.summary-card{position:static}}@media(max-width:600px){.profile-top{display:block}.profile-top .status{display:inline-block;margin-top:12px}.detail-list{grid-template-columns:1fr}.detail-list .detail-wide{grid-column:auto}.url-row{grid-template-columns:1fr}.url-row a{justify-self:start}}

.row-client{color:#403a78;font-weight:700;text-decoration:none}.row-client:hover{text-decoration:underline}.status-form{display:flex;align-items:center;gap:6px}.status-select{width:auto;min-width:112px;border:0;border-radius:20px;padding:5px 24px 5px 9px;font-size:9px;font-weight:700;cursor:pointer}.status-select.preactive{background:#e7efff;color:#4169a5}.status-select.activated{background:#def5e9;color:#147457}.status-select.onhold{background:#fff0d3;color:#97691d}.status-select.deactivated{background:#f1e5e5;color:#9b4b4b}.status-save{border:1px solid #d9d5ff;background:#f3f1ff;color:#5748c8;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:700;cursor:pointer}.status-save:hover{background:#e8e4ff}

/* Modern transparent glass theme */
:root{--purple:#6c5ce7;--ink:#171a2d;--muted:#6f7488;--line:rgba(112,105,160,.16);--bg:#eef1ff}
body{background:radial-gradient(circle at 8% 5%,rgba(130,111,255,.22),transparent 34%),radial-gradient(circle at 92% 12%,rgba(64,201,255,.19),transparent 31%),radial-gradient(circle at 72% 92%,rgba(180,122,255,.16),transparent 35%),linear-gradient(135deg,#f7f8ff 0%,#eef3ff 48%,#f7f2ff 100%);background-attachment:fixed;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
aside{background:rgba(255,255,255,.62);border-right:1px solid rgba(255,255,255,.72);box-shadow:12px 0 38px rgba(57,48,110,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.brand>b{background:linear-gradient(145deg,#7968ed,#5948d2);box-shadow:0 9px 24px rgba(91,72,210,.28)}
nav a{border:1px solid transparent;transition:.18s ease}nav a:hover,nav a.active{background:rgba(255,255,255,.68);border-color:rgba(108,92,231,.15);box-shadow:0 8px 24px rgba(59,48,120,.08);color:#5544cb}
main{padding:34px 38px}header{padding:2px 2px 4px}h1{font-size:28px;letter-spacing:-.5px}
.stats article,.card,.profile-card,.login-card,.confirm-card{background:rgba(255,255,255,.69);border:1px solid rgba(255,255,255,.82);box-shadow:0 16px 45px rgba(49,43,92,.08),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.stats article,.card{border-radius:17px}.stats{gap:16px}.stats article{padding:22px}.stats b{letter-spacing:-.5px}
.primary{background:linear-gradient(135deg,#7665eb,#5b49d4);box-shadow:0 10px 24px rgba(91,73,212,.24);transition:transform .15s ease,box-shadow .15s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(91,73,212,.3)}
.card-title{padding:22px 24px}.card-title h2{font-size:17px}table{background:transparent}th{background:rgba(245,245,255,.48);letter-spacing:.35px}th,td{border-top-color:rgba(105,98,150,.12);padding:15px 20px}tbody tr{transition:background .15s ease}tbody tr:hover{background:rgba(255,255,255,.52)}
input,select,textarea{background:rgba(255,255,255,.68);border:1px solid rgba(104,96,150,.18);box-shadow:inset 0 1px 2px rgba(42,35,83,.03);transition:border .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:0;border-color:rgba(108,92,231,.55);box-shadow:0 0 0 4px rgba(108,92,231,.09)}
.privacy{background:rgba(237,233,255,.6);border-color:rgba(108,92,231,.15);backdrop-filter:blur(12px)}
.drawer{background:rgba(255,255,255,.86);box-shadow:-24px 0 60px rgba(37,31,74,.14);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.shade{background:rgba(31,27,58,.32);backdrop-filter:blur(7px)}
.profile-top{background:rgba(255,255,255,.44);border:1px solid rgba(255,255,255,.74);border-radius:18px;padding:20px 22px;backdrop-filter:blur(18px)}.profile-card{border-radius:18px}.detail-list>div,.link-grid>div,.client-details>div{background:rgba(247,247,255,.58);border:1px solid rgba(111,102,161,.12)}
.summary-card dl>div{border-top-color:rgba(105,98,150,.12)}.copy-link{background:rgba(255,255,255,.62)}
.clock-icon{background:rgba(239,237,250,.7);box-shadow:inset 0 0 0 1px rgba(112,103,160,.1)}
.team-grid article{background:rgba(248,248,255,.58);border:1px solid rgba(111,102,161,.1)}
.status-select{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.login-page{background:radial-gradient(circle at 15% 15%,rgba(124,105,240,.28),transparent 34%),radial-gradient(circle at 85% 20%,rgba(78,197,255,.2),transparent 32%),linear-gradient(145deg,#f8f7ff,#edf3ff)}
.login-card{border-radius:22px}.account{border-top-color:rgba(104,96,150,.14)}
@media(max-width:850px){main{padding:22px 15px}aside{background:rgba(255,255,255,.78)}.stats{gap:10px}.profile-top{padding:16px}}

.card.list{overflow:visible}.card.list .table-wrap{overflow:visible}.status-menu{position:relative;width:138px}.status-menu summary{list-style:none;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.78);border-radius:11px;background:rgba(255,255,255,.6);box-shadow:0 7px 20px rgba(45,39,85,.09);backdrop-filter:blur(15px);cursor:pointer;font-size:10px;font-weight:750;color:#34364a;transition:.16s ease}.status-menu summary::-webkit-details-marker{display:none}.status-menu summary:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(45,39,85,.13)}.status-menu summary>span,.status-options button i{width:8px;height:8px;border-radius:50%;background:#7694d6}.status-menu summary>b{font-size:13px;color:#85899a;transition:transform .15s}.status-menu[open] summary>b{transform:rotate(180deg)}.status-options{position:absolute;z-index:30;top:calc(100% + 7px);left:0;width:184px;display:grid;gap:3px;padding:7px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:0 20px 45px rgba(39,33,78,.2);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.status-options button{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;border:0;border-radius:9px;padding:9px 10px;background:transparent;color:#35374a;text-align:left;font-size:10px;font-weight:650;cursor:pointer}.status-options button:hover{background:rgba(108,92,231,.09);color:#5544cb}.status-options strong{color:#5c4cd3}.status-menu summary.activated>span,.status-options button.activated i{background:#27a678}.status-menu summary.onhold>span,.status-options button.onhold i{background:#e2a234}.status-menu summary.deactivated>span,.status-options button.deactivated i{background:#c76565}.status-menu summary.preactive>span,.status-options button.preactive i{background:#6689d5}@media(max-width:850px){.card.list .table-wrap{overflow:auto}.status-options{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}}

.assign-menu{position:relative;width:170px}.assign-menu summary{list-style:none;display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 9px;border:1px solid rgba(255,255,255,.8);border-radius:11px;background:rgba(255,255,255,.58);box-shadow:0 7px 20px rgba(45,39,85,.08);cursor:pointer;font-size:10px;font-weight:700;transition:.16s ease}.assign-menu summary::-webkit-details-marker{display:none}.assign-menu summary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(45,39,85,.13)}.assign-menu summary>b{color:#85899a}.avatar-mini,.assign-options button>i{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#7a69ec,#5b49d4);color:#fff;font-style:normal;font-size:9px;font-weight:800}.assign-options{position:absolute;z-index:35;top:calc(100% + 7px);left:0;width:255px;display:grid;gap:4px;padding:8px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.94);border-radius:15px;box-shadow:0 22px 48px rgba(39,33,78,.22);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.assign-options button{display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:9px;border:0;border-radius:10px;padding:8px;background:transparent;text-align:left;cursor:pointer;color:#333649}.assign-options button:hover{background:rgba(108,92,231,.09)}.assign-options button span>b,.assign-options button span>small{display:block;overflow:hidden;text-overflow:ellipsis}.assign-options button span>b{font-size:10px}.assign-options button span>small{font-size:8px;color:#85899a;margin-top:2px}.assign-options button>strong{color:#5c4cd3}.assign-options button.unassign>i{background:#f3e7e7;color:#ad5151;font-size:14px}.assign-options button.unassign span>b{color:#a74646}@media(max-width:850px){.assign-options{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(300px,90vw)}}

.client-delete-link{display:block;margin-top:12px;padding:10px;text-align:center;color:#ad5151;font-size:10px;font-weight:750;text-decoration:none;border:1px solid rgba(190,91,91,.18);border-radius:9px;background:rgba(255,238,238,.55)}.client-delete-link:hover{background:rgba(255,226,226,.78)}.danger-confirm{text-align:center}.warning-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:15px;display:grid;place-items:center;background:rgba(207,86,86,.12);color:#ba4c4c;font-size:24px;font-weight:850}.danger-confirm p{line-height:1.6}.danger-confirm .confirm-actions{justify-content:center}.danger-confirm .danger{box-shadow:0 9px 22px rgba(186,76,76,.2)}

/* Futuristic midnight-glass CRM */
:root{--purple:#8b7cff;--ink:#f3f5ff;--muted:#a9b0ca;--line:rgba(173,166,255,.15);--bg:#080b18}
html{color-scheme:dark}body{color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(112,76,255,.33),transparent 30%),radial-gradient(circle at 88% 8%,rgba(0,194,255,.2),transparent 28%),radial-gradient(circle at 68% 92%,rgba(194,62,255,.18),transparent 31%),linear-gradient(145deg,#080a17 0%,#0d1125 48%,#090c1a 100%);background-attachment:fixed;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(145,133,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(145,133,255,.028) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.shell{position:relative;z-index:1}aside{background:linear-gradient(180deg,rgba(17,19,42,.84),rgba(10,12,29,.76));border-right:1px solid rgba(155,145,255,.14);box-shadow:18px 0 55px rgba(0,0,0,.22);backdrop-filter:blur(28px) saturate(130%)}
.brand{color:#fff}.brand>b{background:linear-gradient(145deg,#9c86ff,#6257ee 58%,#38bde8);box-shadow:0 0 28px rgba(122,101,255,.42)}
nav a{color:#aeb5ce;position:relative;overflow:hidden}nav a:before{content:"";width:6px;height:6px;border-radius:2px;background:#68708d;margin-right:11px;box-shadow:0 0 0 transparent;transition:.18s}nav a:hover,nav a.active{color:#fff;background:linear-gradient(90deg,rgba(126,101,255,.2),rgba(79,191,255,.07));border-color:rgba(150,135,255,.2);box-shadow:inset 3px 0 0 #8f7dff,0 10px 28px rgba(0,0,0,.12)}nav a:hover:before,nav a.active:before{background:#9a86ff;box-shadow:0 0 12px #8b7cff}
.privacy{color:#c2b9ff;background:linear-gradient(135deg,rgba(120,91,255,.14),rgba(63,185,226,.08));border-color:rgba(143,124,255,.18)}.account{border-top-color:rgba(159,148,255,.13)}.account small{color:#8f96b1}.account a{color:#a99cff}
main{position:relative;padding:38px 42px}header h1,h1{color:#fff;text-shadow:0 0 34px rgba(144,124,255,.16)}header p,.card-title p{color:var(--muted)}
.primary{background:linear-gradient(135deg,#947fff,#6b5af0 54%,#35b7df);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 34px rgba(86,64,223,.34),inset 0 1px 0 rgba(255,255,255,.24)}.primary:hover{box-shadow:0 17px 40px rgba(95,73,235,.44),0 0 22px rgba(63,188,227,.12)}
.stats article,.card,.profile-card,.login-card,.confirm-card{background:linear-gradient(145deg,rgba(28,31,62,.74),rgba(15,18,41,.68));border:1px solid rgba(160,150,255,.15);box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(24px) saturate(125%)}
.stats article{position:relative;overflow:hidden}.stats article:after{content:"";position:absolute;width:90px;height:90px;right:-32px;top:-38px;border-radius:50%;background:radial-gradient(circle,rgba(130,109,255,.22),transparent 68%)}.stats small{color:#8d95b3}.stats b{color:#fff}.stats em{color:#67d7b1}
.card-title h2,.profile-card h3{color:#f6f7ff}.card-title{border-bottom:1px solid rgba(158,148,255,.08)}
th{background:rgba(111,94,203,.08);color:#8f97b5;border-color:rgba(152,142,236,.1)}td{color:#b8bfd5;border-color:rgba(152,142,236,.09)}tbody tr:hover{background:linear-gradient(90deg,rgba(123,98,255,.11),rgba(54,180,222,.035))}.row-client{color:#c4bbff}.row-client:hover{color:#fff}
input,select,textarea{color:#f5f6ff;background:rgba(255,255,255,.055);border:1px solid rgba(164,153,245,.18);box-shadow:inset 0 1px 8px rgba(0,0,0,.1)}input::placeholder,textarea::placeholder{color:#757e9d}input:focus,select:focus,textarea:focus{border-color:rgba(137,117,255,.72);background:rgba(255,255,255,.075);box-shadow:0 0 0 4px rgba(126,101,255,.12),0 0 24px rgba(111,89,237,.12)}select option{background:#151931;color:#f3f5ff}
.shade{align-items:center;justify-content:center;padding:28px;background:rgba(3,5,15,.58);backdrop-filter:blur(18px) saturate(125%)}.drawer{width:min(1120px,96vw);height:min(900px,92vh);border-radius:25px;padding:42px 44px;background:radial-gradient(circle at 92% 4%,rgba(97,185,255,.11),transparent 25%),radial-gradient(circle at 6% 5%,rgba(136,104,255,.17),transparent 28%),linear-gradient(145deg,rgba(27,30,60,.94),rgba(13,16,36,.93));border:1px solid rgba(170,159,255,.2);box-shadow:0 35px 100px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(32px)}.drawer h2{font-size:30px;color:#fff;letter-spacing:-.6px}.drawer>p{color:#aab1ca;font-size:12px}.drawer .close{width:38px;height:38px;display:grid;place-items:center;right:24px;top:20px;border-radius:12px;color:#c2c7db;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);font-size:22px}.drawer .close:hover{background:rgba(255,255,255,.12);color:#fff}.drawer .form-grid{gap:18px 20px}.drawer .form-grid label{padding:12px;border:1px solid rgba(155,144,239,.08);border-radius:14px;background:rgba(255,255,255,.025);color:#cbd0e2}.drawer input,.drawer select{min-height:48px}.drawer textarea{min-height:140px}.drawer .save{min-height:52px;border-radius:13px;font-size:12px;letter-spacing:.15px}
.profile-top{background:linear-gradient(135deg,rgba(35,38,73,.72),rgba(17,21,46,.68));border-color:rgba(157,146,255,.14)}.profile-top h2{color:#fff}.profile-card{border-radius:20px}.detail-list>div,.link-grid>div,.client-details>div{background:rgba(255,255,255,.035);border-color:rgba(159,148,243,.1)}.detail-list b,.client-details b{color:#e9ecfa}.link-grid>div>span{color:#9da5c0}.link-grid em{color:#777f9c}.url-row a{color:#a99dff}.copy-link{background:rgba(255,255,255,.045)}
.profile-side{background:transparent}.summary-card dt{color:#8f97b2}.summary-card dd{color:#eff1fb}.summary-card dl>div{border-color:rgba(154,143,235,.1)}
.status-menu summary,.assign-menu summary{color:#e8eafd;background:rgba(255,255,255,.06);border-color:rgba(164,153,245,.16);box-shadow:0 10px 26px rgba(0,0,0,.15)}.status-options,.assign-options{background:rgba(18,21,45,.96);border-color:rgba(160,149,255,.18);box-shadow:0 24px 60px rgba(0,0,0,.5)}.status-options button,.assign-options button{color:#dfe3f4}.status-options button:hover,.assign-options button:hover{background:rgba(137,114,255,.13)}.assign-options button span>small{color:#858daa}.avatar-mini,.assign-options button>i{background:linear-gradient(145deg,#927cff,#5c55e8 62%,#34afd8)}
.clock-icon{background:rgba(127,106,255,.1);color:#aa9cff;border:1px solid rgba(151,136,255,.15);box-shadow:0 0 35px rgba(120,93,255,.1)}.clock-icon.live{background:rgba(49,183,137,.12);color:#6fe1b9}.team-grid article{background:rgba(255,255,255,.035);border-color:rgba(155,144,238,.1)}
.confirm-card{background:linear-gradient(145deg,rgba(30,33,64,.97),rgba(15,18,40,.97));color:#eef1ff}.confirm-card p{color:#aeb5ce}.confirm-actions a{color:#b7bdd0}
.login-page{background:radial-gradient(circle at 18% 16%,rgba(116,79,255,.36),transparent 32%),radial-gradient(circle at 83% 18%,rgba(0,191,255,.22),transparent 30%),linear-gradient(145deg,#070916,#0c1024)}.login-card{border-radius:26px}.login-card>p{color:#9ea6c1}.secure{color:#aaa0e8}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0c1022}::-webkit-scrollbar-thumb{background:linear-gradient(#695ae0,#3c88b3);border-radius:20px;border:2px solid #0c1022}
@media(max-width:850px){main{padding:23px 15px}aside{background:rgba(13,16,36,.94)}.shade{padding:10px}.drawer{width:100%;height:96vh;padding:32px 18px;border-radius:20px}.drawer .form-grid{grid-template-columns:1fr}.drawer .wide{grid-column:auto}}

.shade{z-index:999;background:rgba(3,5,15,.8);backdrop-filter:blur(24px) saturate(115%)}.drawer{isolation:isolate;background:radial-gradient(circle at 92% 4%,rgba(76,166,228,.14),transparent 27%),radial-gradient(circle at 6% 5%,rgba(116,87,230,.18),transparent 30%),linear-gradient(145deg,rgba(24,27,55,.985),rgba(11,14,33,.985));box-shadow:0 40px 120px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.09)}

/* Bright futuristic glass palette */
:root{--purple:#7461e8;--ink:#1e2136;--muted:#71778e;--line:rgba(103,94,160,.14);--bg:#eef2ff}html{color-scheme:light}body{color:var(--ink);background:radial-gradient(circle at 10% 6%,rgba(139,112,255,.26),transparent 31%),radial-gradient(circle at 90% 8%,rgba(61,195,255,.22),transparent 30%),radial-gradient(circle at 70% 92%,rgba(209,126,255,.19),transparent 33%),linear-gradient(145deg,#fafaff 0%,#edf5ff 48%,#f8efff 100%)}body:before{background-image:linear-gradient(rgba(108,92,231,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(108,92,231,.035) 1px,transparent 1px)}
aside{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(247,246,255,.62));border-right-color:rgba(103,91,187,.14);box-shadow:16px 0 48px rgba(72,60,125,.09)}.brand{color:#24263a}.brand>b{color:#fff}.account{border-top-color:rgba(103,91,160,.13)}.account b{color:#26293c}.account small{color:#777c91}.account a{color:#6755d7}
nav a{color:#62677b}nav a:before{background:#a5a8b6}nav a:hover,nav a.active{color:#4f3bc5;background:linear-gradient(90deg,rgba(119,94,239,.13),rgba(55,181,221,.055));border-color:rgba(117,95,226,.15);box-shadow:inset 3px 0 0 #7a65ed,0 10px 28px rgba(65,52,117,.07)}nav a:hover:before,nav a.active:before{background:#7964e8;box-shadow:0 0 10px rgba(121,100,232,.55)}
.privacy{color:#6252c3;background:linear-gradient(135deg,rgba(123,101,235,.1),rgba(61,181,220,.06));border-color:rgba(119,96,220,.14)}
header h1,h1{color:#202338;text-shadow:none}header p,.card-title p{color:#7a7f94}
.stats article,.card,.profile-card,.login-card,.confirm-card{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(247,247,255,.54));border-color:rgba(255,255,255,.82);box-shadow:0 18px 48px rgba(58,48,105,.09),inset 0 1px 0 rgba(255,255,255,.82)}.stats article:after{background:radial-gradient(circle,rgba(128,103,244,.15),transparent 69%)}.stats small{color:#8a8fa2}.stats b{color:#25283b}.stats em{color:#218d70}.card-title h2,.profile-card h3{color:#25283b}.card-title{border-bottom-color:rgba(104,94,157,.08)}
th{background:rgba(119,102,214,.05);color:#9296a7;border-color:rgba(105,97,152,.09)}td{color:#616679;border-color:rgba(105,97,152,.09)}tbody tr:hover{background:linear-gradient(90deg,rgba(123,98,255,.07),rgba(54,180,222,.025))}.row-client{color:#5142ae}.row-client:hover{color:#30236f}
input,select,textarea{color:#25283a;background:rgba(255,255,255,.6);border-color:rgba(105,95,161,.17);box-shadow:inset 0 1px 4px rgba(55,45,102,.03)}input::placeholder,textarea::placeholder{color:#9296a8}input:focus,select:focus,textarea:focus{border-color:rgba(110,89,225,.58);background:rgba(255,255,255,.78);box-shadow:0 0 0 4px rgba(110,89,225,.09),0 8px 24px rgba(74,58,150,.06)}select option{background:#fff;color:#26293b}
.shade{background:rgba(66,62,105,.28);backdrop-filter:blur(22px) saturate(112%)}.drawer{background:radial-gradient(circle at 92% 4%,rgba(84,190,231,.13),transparent 27%),radial-gradient(circle at 6% 5%,rgba(139,112,255,.16),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.965),rgba(244,245,255,.96));border-color:rgba(255,255,255,.9);box-shadow:0 38px 110px rgba(55,45,96,.25),inset 0 1px 0 rgba(255,255,255,.95)}.drawer h2{color:#232638}.drawer>p{color:#777d92}.drawer .close{color:#70768a;background:rgba(255,255,255,.55);border-color:rgba(99,89,150,.1)}.drawer .close:hover{background:#fff;color:#393d52}.drawer .form-grid label{color:#555b70;background:rgba(255,255,255,.38);border-color:rgba(103,93,155,.08)}
.profile-top{background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(246,248,255,.53));border-color:rgba(255,255,255,.8)}.profile-top h2{color:#24273a}.detail-list>div,.link-grid>div,.client-details>div{background:rgba(255,255,255,.46);border-color:rgba(103,93,155,.1)}.detail-list b,.client-details b{color:#373a4e}.link-grid>div>span{color:#767b8f}.link-grid em{color:#8c90a2}.url-row a{color:#6452d2}.copy-link{background:rgba(255,255,255,.62)}.summary-card dt{color:#81869a}.summary-card dd{color:#34374a}.summary-card dl>div{border-color:rgba(104,94,155,.1)}
.status-menu summary,.assign-menu summary{color:#45495e;background:rgba(255,255,255,.62);border-color:rgba(108,96,172,.13);box-shadow:0 9px 24px rgba(60,49,106,.08)}.status-options,.assign-options{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.96);box-shadow:0 24px 58px rgba(58,46,105,.2)}.status-options button,.assign-options button{color:#45485c}.status-options button:hover,.assign-options button:hover{background:rgba(119,96,228,.09)}.assign-options button span>small{color:#85899b}
.clock-icon{background:rgba(124,100,236,.08);color:#7461dc;border-color:rgba(119,96,220,.12)}.team-grid article{background:rgba(255,255,255,.42);border-color:rgba(103,93,155,.09)}.confirm-card{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(245,246,255,.96));color:#292c3f}.confirm-card p{color:#73798c}.confirm-actions a{color:#6e7386}
.login-page{background:radial-gradient(circle at 18% 16%,rgba(139,112,255,.28),transparent 32%),radial-gradient(circle at 83% 18%,rgba(49,192,244,.2),transparent 30%),linear-gradient(145deg,#fafaff,#edf5ff)}.login-card>p{color:#7c8195}.secure{color:#6d61ad}
::-webkit-scrollbar-track{background:#edf0fb}::-webkit-scrollbar-thumb{background:linear-gradient(#8876eb,#6dbbd7);border-color:#edf0fb}
@media(max-width:850px){aside{background:rgba(255,255,255,.82)}}

.note-history{display:grid;gap:10px;padding:16px 18px;border:1px solid rgba(110,95,220,.16);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(235,242,255,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.note-history>span{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#5b5f78}
.note-history pre{margin:0;max-height:250px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:500 14px/1.65 Inter,system-ui,sans-serif;color:#24283b;background:rgba(255,255,255,.58);border:1px solid rgba(120,110,200,.12);border-radius:14px;padding:14px}

.note-history{padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(242,246,255,.66))}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.history-heading>span{font-size:14px;font-weight:850;color:#262a3d}
.history-heading>small{font-size:11px;font-weight:700;color:#777b91}
.note-list{display:grid;gap:14px}
.note-entry{position:relative;overflow:hidden;padding:17px 18px 16px;border:1px solid rgba(112,97,220,.16);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(242,246,255,.8));box-shadow:0 8px 24px rgba(69,62,130,.07),inset 0 1px 0 #fff}
.note-entry:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#826df2,#38b9df)}
.note-entry-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.note-entry-top b{font-size:13px;color:#5546c8}
.note-entry-top time{font-size:11px;font-weight:750;color:#72778d}
.note-author{font-size:12px;font-weight:800;color:#34384d;margin-bottom:9px}
.note-entry p{margin:0;color:#292d40;font-size:14px;line-height:1.6;white-space:normal}
.empty-notes{padding:18px;text-align:center;border:1px dashed rgba(104,91,205,.25);border-radius:15px;color:#777b91;background:rgba(255,255,255,.45)}
@media(max-width:620px){.note-entry-top{align-items:flex-start;flex-direction:column;gap:3px}}

/* Distinct customer-success follow-up cards */
.note-history{display:block!important;padding:24px!important;border:1px solid rgba(102,86,210,.2)!important;border-radius:22px!important;background:rgba(255,255,255,.56)!important}
.history-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:18px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(94,80,190,.13)!important}
.history-heading>span{font-size:18px!important;font-weight:850!important;color:#20243a!important}
.history-heading>small{padding:6px 10px!important;border-radius:999px!important;background:#eeeaff!important;color:#6252ce!important}
.note-list{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
.note-entry{display:block!important;position:relative!important;padding:20px 22px 20px 25px!important;margin:0!important;border:1px solid rgba(106,90,212,.2)!important;border-radius:19px!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,245,255,.94))!important;box-shadow:0 10px 30px rgba(63,52,135,.11)!important}
.note-entry:nth-child(even){background:linear-gradient(135deg,rgba(250,248,255,.98),rgba(236,249,255,.94))!important}
.note-entry:before{content:""!important;position:absolute!important;left:0!important;top:13px!important;bottom:13px!important;width:5px!important;border-radius:0 6px 6px 0!important;background:linear-gradient(180deg,#7d65f2,#38bddf)!important}
.note-entry-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:0 0 10px!important}
.note-entry-top b{display:inline-flex!important;padding:7px 11px!important;border-radius:10px!important;background:linear-gradient(135deg,#765fe8,#566ee9)!important;color:#fff!important;font-size:12px!important;letter-spacing:.02em!important}
.note-entry-top time{display:inline-flex!important;padding:6px 10px!important;border-radius:9px!important;background:rgba(92,80,180,.08)!important;color:#5f647b!important;font-size:12px!important;font-weight:750!important}
.note-author{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;color:#4a4f68!important;font-size:13px!important;font-weight:800!important}
.note-author:before{content:"CS"!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;background:#e8e5ff!important;color:#5d4dcc!important;font-size:10px!important}
.note-entry p{display:block!important;margin:0!important;padding:14px 16px!important;border-radius:13px!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(97,87,180,.1)!important;color:#252a3e!important;font-size:15px!important;line-height:1.6!important}

.client-list-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important}
.client-list-head>div{min-width:220px}
.client-search{display:flex;align-items:center;gap:8px;min-width:min(520px,50vw);padding:7px 8px 7px 14px;border:1px solid rgba(100,85,205,.18);border-radius:16px;background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(61,55,125,.07),inset 0 1px 0 #fff}
.client-search>span{font-size:24px;line-height:1;color:#6c5bd5;transform:rotate(-20deg)}
.client-search input[type=search]{flex:1;min-width:0;height:42px;padding:0 4px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#25293c;font-size:14px}
.client-search input[type=search]::placeholder{color:#9297aa}
.client-search button{height:40px;padding:0 17px;border:0;border-radius:11px;background:linear-gradient(135deg,#7460e8,#3daedc);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 15px rgba(91,79,210,.2)}
.client-search a{padding:0 9px;color:#6857d0;font-size:12px;font-weight:800;text-decoration:none}
@media(max-width:900px){.client-list-head{align-items:stretch!important;flex-direction:column!important}.client-search{min-width:0;width:100%}}

.qa-review-card{position:sticky;top:24px;border:1px solid rgba(99,84,204,.2)!important;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(238,245,255,.78))!important;box-shadow:0 16px 38px rgba(53,55,115,.1)!important}
.qa-review-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.qa-review-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7560e8,#34b5dc);color:#fff;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(88,76,202,.22)}
.qa-review-title h3{margin:0;color:#25293d;font-size:16px}.qa-review-title p{margin:3px 0 0;color:#7a7f94;font-size:12px}
.qa-note-readonly{min-height:150px;padding:16px;border:1px solid rgba(101,87,200,.15);border-radius:16px;background:rgba(255,255,255,.7);color:#2e3348;font-size:14px;line-height:1.65;box-shadow:inset 0 1px 0 #fff}
.qa-note-readonly em{color:#9195a7}
.qa-edit-meta{display:grid;gap:3px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(96,84,180,.12);color:#777c91;font-size:11px}.qa-edit-meta time{color:#6557c5;font-weight:750}
.qa-editor-panel{padding:20px;border:1px solid rgba(97,82,202,.2);border-radius:19px;background:linear-gradient(135deg,rgba(248,246,255,.9),rgba(235,248,255,.78))}
.qa-editor-panel textarea{width:100%;min-height:160px;margin-top:2px}.qa-editor-panel>small{display:block;margin-top:10px;color:#70668f;font-size:11px;font-weight:700}

.sales-handoff-card{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(242,247,255,.75))!important}
.sales-handoff-card .detail-list>div:nth-child(-n+3){background:linear-gradient(135deg,rgba(248,246,255,.9),rgba(238,248,255,.82))}

/* QA panel overflow and alignment fix */
.profile-side{min-width:0}
.qa-review-card{position:relative!important;top:auto!important;width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.qa-note-readonly{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}
.qa-note-readonly *{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.qa-edit-meta{min-width:0!important;overflow-wrap:anywhere!important}

.qa-note-readonly{max-height:280px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:thin;scrollbar-color:#8170e8 rgba(232,235,248,.8)}
.qa-note-readonly::-webkit-scrollbar{width:8px}.qa-note-readonly::-webkit-scrollbar-track{background:rgba(232,235,248,.75);border-radius:10px}.qa-note-readonly::-webkit-scrollbar-thumb{background:linear-gradient(#8170e8,#42b8dd);border:2px solid rgba(232,235,248,.75);border-radius:10px}

.qa-note-readonly{max-height:390px!important}

.manager-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.manager-stats article{min-height:132px}
.performance-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:22px;margin:22px 0}
.performance-card{overflow:hidden;padding:0!important}.performance-card .card-title{padding:22px 24px 18px}
.performance-list{display:grid;gap:10px;padding:0 18px 18px}
.performance-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(98,84,190,.13);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(241,246,255,.7))}
.performance-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#7964ed,#38b4dd);color:#fff;font-weight:900}
.performance-row div{display:grid;gap:3px}.performance-row div b{color:#292d42;font-size:14px}.performance-row div small{color:#81869a;font-size:11px}.performance-row>strong{color:#5146bd;font-size:16px}
.performance-total{display:flex;justify-content:space-between;gap:12px;padding:17px 24px;border-top:1px solid rgba(94,82,180,.12);background:rgba(244,246,255,.65);color:#686d84;font-size:13px}.performance-total b{color:#292d42}
.performance-empty{padding:28px;text-align:center;border:1px dashed rgba(99,86,190,.2);border-radius:16px;color:#878b9d}
.alert-avatar{background:linear-gradient(135deg,#ed6a7d,#f2a056)}
@media(max-width:1200px){.manager-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.performance-grid{grid-template-columns:1fr}}
@media(max-width:650px){.manager-stats{grid-template-columns:1fr!important}.performance-total{align-items:flex-start;flex-direction:column}}

.report-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:22px}.report-summary article{display:grid;gap:8px;min-height:118px;padding:22px;border:1px solid rgba(255,255,255,.82);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(240,246,255,.6));box-shadow:0 14px 32px rgba(58,57,120,.08)}.report-summary small{color:#858a9d;font-size:10px}.report-summary b{color:#25293d;font-size:26px}.report-summary em{color:#258c72;font-size:11px;font-style:normal}
.employee-report-card{overflow:hidden;padding:0!important}.employee-report-card .card-title{padding:24px}.employee-report-table th{white-space:nowrap}.employee-report-table td{padding:17px 16px}
.report-person{display:flex;align-items:center;gap:11px;min-width:210px}.report-person>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7862eb,#38b5de);color:#fff;font-weight:900}.report-person>div{display:grid;gap:3px}.report-person b{color:#292d42}.report-person small{color:#858a9d;font-size:11px}
.report-pill{display:inline-grid;place-items:center;min-width:38px;height:30px;padding:0 9px;border-radius:10px;font-weight:850}.report-pill.pre{background:#e8f0ff;color:#476bb6}.report-pill.active{background:#dff7ec;color:#197b59}.report-pill.hold{background:#fff1cf;color:#a36a12}.report-pill.deactivated{background:#ffe3e8;color:#b43f57}.money{color:#5146bd;white-space:nowrap}.report-foot{display:flex;justify-content:space-between;gap:18px;padding:17px 24px;border-top:1px solid rgba(93,80,180,.12);background:rgba(244,246,255,.65);color:#74798e;font-size:12px}.report-foot b{color:#322c75}.report-empty{text-align:center!important;color:#858a9d}
@media(max-width:1200px){.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.report-summary{grid-template-columns:1fr}.report-foot{flex-direction:column}}

.tech-readonly{border:1px solid rgba(83,110,230,.16);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(231,243,255,.58))}
.tech-readonly-badge{margin-top:14px;padding:13px 15px;border-radius:14px;background:rgba(72,112,230,.08);color:#52607a;font-weight:700}
.report-library-card{overflow:hidden}
.report-library-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.report-library-title>span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#fff;font-weight:900;background:linear-gradient(135deg,#7965ff,#2fb9df);box-shadow:0 10px 25px rgba(82,96,220,.22)}
.report-library-title h3,.report-library-title p{margin:0}.report-library-title p{color:#7a849a;margin-top:3px}
.report-upload-form{display:grid;gap:11px;padding:14px;border:1px solid rgba(111,100,240,.16);border-radius:17px;background:rgba(255,255,255,.5);margin-bottom:15px}
.report-upload-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#4f5870}
.report-upload-form input{width:100%;box-sizing:border-box;border:1px solid rgba(104,111,176,.2);border-radius:12px;background:rgba(255,255,255,.78);padding:11px;color:#252a40}
.report-upload-form small{color:#818aa0}.report-upload-form button{width:100%}
.report-file-list{display:grid;gap:10px;max-height:330px;overflow:auto;padding-right:3px}
.report-file-list article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid rgba(111,100,240,.14);border-radius:14px;background:rgba(255,255,255,.58)}
.report-file-list article div{min-width:0;display:grid;gap:3px}.report-file-list article span{font-size:12px;color:#566077;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-file-list article small{font-size:10px;color:#8b93a7}
.report-file-list article a{flex:none;padding:8px 10px;border-radius:10px;background:rgba(99,83,226,.1);color:#5848cf;font-size:12px;font-weight:800;text-decoration:none}
.empty-report-files{padding:18px;text-align:center;border:1px dashed rgba(112,113,170,.23);border-radius:14px;color:#8991a5}
@media(max-width:760px){.report-file-list article{align-items:flex-start;flex-direction:column}.report-file-list article a{width:100%;text-align:center}}

.report-delivery-note{margin-top:12px;padding:11px 13px;border-radius:13px;background:rgba(62,182,156,.08);color:#53736d;font-size:11px;line-height:1.5}
.report-file-list article a.remove-report{background:rgba(222,79,92,.09);color:#c43f4b}
.notification-center{overflow:hidden}.notification-center .card-title{padding-bottom:18px}
.notification-list{display:grid;gap:10px;padding:0 24px 24px}
.notification-list>a{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(105,108,185,.15);border-radius:16px;background:rgba(255,255,255,.57);color:#293047;text-decoration:none;transition:.2s}
.notification-list>a:hover{transform:translateY(-1px);border-color:rgba(104,83,229,.3);box-shadow:0 10px 25px rgba(77,83,153,.08)}
.notification-list>a>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#7965ff,#2fb9df);color:#fff;font-size:12px;font-weight:900}
.notification-list>a>div{display:grid;gap:4px;min-width:0;flex:1}.notification-list>a small{color:#8790a4}.notification-list>a>i{padding:6px 9px;border-radius:999px;background:#e9e5ff;color:#654ed2;font-size:10px;font-style:normal;font-weight:900}
.notification-list>a.read{opacity:.72}.notification-list>a.unread{border-color:rgba(108,84,238,.28);background:rgba(250,249,255,.82)}
.empty-notifications{padding:28px;text-align:center;border:1px dashed rgba(112,113,170,.23);border-radius:16px;color:#8991a5}

.owner-report-link{display:block;margin-top:12px;padding:13px 16px;border-radius:14px;text-align:center;text-decoration:none;font-weight:900;color:#5444ce;background:rgba(104,84,233,.09);border:1px solid rgba(104,84,233,.16)}
.owner-report-link:hover{background:rgba(104,84,233,.14)}
.owner-report-page{max-width:1050px;margin:0 auto}.owner-report-page .profile-top{margin-bottom:16px}.owner-report-library{padding:24px}
.owner-report-actions{display:flex;align-items:center;gap:8px;flex:none}.report-file-list article .owner-report-actions a{width:auto}
@media(max-width:760px){.owner-report-page{max-width:none}.owner-report-actions{width:100%}.report-file-list article .owner-report-actions a{flex:1;text-align:center}}