@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#07111f;--bg2:#0b192a;--panel:#102137;--panel2:#132941;--line:rgba(159,190,222,.13);--text:#edf5ff;--muted:#8fa6bf;--blue:#43a8ff;--cyan:#36d2d5;--gold:#9db7d4;--danger:#ff7185;--radius:22px;--shadow:0 18px 55px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:'Alexandria',sans-serif;background:radial-gradient(ellipse at 52% -15%,#173452 0,transparent 38%),var(--bg);color:var(--text);font-size:13px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh;direction:rtl}.sidebar{width:258px;position:fixed;inset:0 0 0 auto;z-index:20;background:linear-gradient(180deg,#0b1929 0%,#081321 100%);border-left:1px solid var(--line);padding:27px 20px 20px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:13px;padding:0 3px 25px;border-bottom:1px solid var(--line)}.sidebar-brand img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 7px 18px #168bdf33)}.sidebar-brand-text{display:flex;flex-direction:column;gap:5px}.sidebar-brand-text strong{font-size:17px;letter-spacing:1.4px;font-weight:800}.sidebar-brand-text small{font-size:9px;color:#829bb7;letter-spacing:1px}.sidebar-label{font-size:10px;color:#66819f;margin:29px 10px 13px}.sidebar-nav{display:grid;gap:8px}.sidebar-link{min-height:49px;padding:0 13px;border:1px solid transparent;border-radius:13px;display:flex;align-items:center;gap:12px;color:#a9bdd2;transition:.2s}.sidebar-link:hover,.sidebar-link.active{background:linear-gradient(105deg,rgba(39,142,224,.2),rgba(33,91,145,.09));border-color:rgba(66,166,245,.24);color:#f5faff}.sidebar-link.active{box-shadow:inset -3px 0 #46b5ff}.sidebar-link b{margin-right:auto;font-size:10px;color:#7193b4;font-weight:500}.nav-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#142c45;color:#68bfff;font-size:17px}.sidebar-spacer{flex:1;min-height:40px}.sidebar-network-card{display:flex;align-items:center;gap:12px;padding:13px 12px;margin:0 0 17px;border:1px solid var(--line);background:linear-gradient(110deg,#10263c,#0d1d30);border-radius:15px}.sidebar-network-card>div:nth-child(2){display:grid;gap:4px}.sidebar-network-card strong{font-size:11px}.sidebar-network-card small{font-size:9px;color:var(--muted)}.network-orbit{width:34px;height:34px;border:1px solid #2a9cde;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 17px #1689dc35}.network-orbit span{width:10px;height:10px;background:#4dc9ff;border-radius:50%;box-shadow:0 0 12px #4dc9ff}.sidebar-network-card>.status-indicator{margin-right:auto}.sidebar-bottom{border-top:1px solid var(--line);padding-top:17px}.sidebar-status{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#102235;border:1px solid var(--line);border-radius:13px;margin-bottom:12px}.sidebar-status>div{display:grid;gap:3px}.sidebar-status strong{font-size:11px}.sidebar-status small{font-size:9px;color:var(--muted)}.status-indicator,.snapshot-pulse{width:8px;height:8px;border-radius:50%;background:#40d9a0;box-shadow:0 0 12px #40d9a0}.sidebar-logout{width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:transparent;color:#a8bad0;cursor:pointer}.sidebar-logout:hover{border-color:#4daeff;color:white}.sidebar-version{text-align:center;color:#617d9c;font-size:8px;letter-spacing:1.3px;margin-top:18px}.main-content{margin-right:258px;min-height:100vh}.main-topbar{height:78px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,19,32,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.topbar-overline{font-size:9px;letter-spacing:2px;color:#62b7f6}.topbar-overline span{color:#526d88}.topbar-title{font-size:18px;font-weight:700;margin-top:3px}.topbar-profile{display:flex;align-items:center;gap:10px}.topbar-profile>span:nth-child(2){display:grid;gap:3px}.topbar-profile strong{font-size:11px}.topbar-profile small{font-size:9px;color:var(--muted)}.admin-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#268ed5,#173c65);border:1px solid #48b7ff66;font-size:15px}.profile-chevron{color:#708aa4;margin-right:8px}.content-wrap{max-width:1560px;margin:auto;padding:30px 4.2% 38px}.dashboard-hero{min-height:274px;position:relative;overflow:hidden;border:1px solid rgba(78,171,238,.3);border-radius:25px;background:linear-gradient(112deg,#10243b 0%,#102b47 46%,#0c1b2e 100%);box-shadow:var(--shadow);display:flex;align-items:center;padding:38px 4.2%;margin-bottom:37px}.dashboard-hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #6ab9ef12;border-radius:50%;left:25%;top:-255px;box-shadow:0 0 0 35px #6ab9ef08,0 0 0 80px #6ab9ef05}.hero-copy{position:relative;z-index:2;max-width:57%}.hero-eyebrow{display:flex;align-items:center;gap:9px;color:#83caff;font-size:10px;letter-spacing:.5px}.hero-eyebrow-dot{width:7px;height:7px;background:#48d7c0;border-radius:50%;box-shadow:0 0 12px #48d7c0}.hero-copy h1{font-size:clamp(27px,3vw,40px);line-height:1.55;margin:15px 0 8px;font-weight:800;letter-spacing:-1.2px}.hero-copy h1 em{font-style:normal;color:#62baff}.hero-copy p{font-size:12px;color:#a9bdd2;line-height:2;margin:0 0 20px;max-width:520px}.hero-cta{display:inline-flex;align-items:center;gap:18px;background:linear-gradient(110deg,#238bd6,#35aef4);padding:11px 17px;border-radius:10px;color:#fff;font-size:11px;font-weight:600;box-shadow:0 8px 25px #1688d544}.hero-cta span{font-size:17px}.hero-art{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:270px;height:220px;display:grid;place-items:center}.hero-art img{width:150px;height:150px;object-fit:contain;z-index:2;filter:drop-shadow(0 12px 25px #009eff45)}.hero-ring{position:absolute;border:1px solid #56baff24;border-radius:50%;transform:rotate(-25deg)}.ring-one{width:190px;height:190px}.ring-two{width:245px;height:120px;border-color:#56baff40}.hero-glow{position:absolute;width:135px;height:135px;background:#168fe9;filter:blur(85px);opacity:.28}.hero-art-caption{position:absolute;bottom:1px;display:grid;text-align:center;gap:3px}.hero-art-caption strong{font-size:10px;letter-spacing:2px}.hero-art-caption small{font-size:7px;color:#7694b3;letter-spacing:1.5px}.hero-index{position:absolute;left:27px;top:22px;color:#6b91b5;font-size:10px;letter-spacing:1px}.hero-index span{color:#55708d}.section-intro{display:flex;align-items:end;justify-content:space-between;margin:0 2px 17px}.section-kicker{font-size:9px;color:#54b8ff;letter-spacing:1.7px;font-weight:600}.section-intro h2{font-size:20px;margin:6px 0 3px}.section-intro p{font-size:10px;color:var(--muted);margin:0}.snapshot-date{display:flex;align-items:center;gap:9px;color:#8fa8c2;font-size:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#0d1d2e}.snapshot-pulse{width:6px;height:6px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:29px}.stat-card{min-height:146px;position:relative;overflow:hidden;padding:20px 21px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#132941,#0d1c2e 85%);box-shadow:0 12px 35px #0002}.stat-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#4aaeff,transparent);opacity:.8}.stat-devices:before{background:linear-gradient(90deg,transparent,#35d0d3,transparent)}.stat-paused:before{background:linear-gradient(90deg,transparent,#7186a2,transparent)}.stat-card-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.stat-label{font-size:11px;color:#a8bdd2}.stat-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#173b5d;color:#69baff;font-size:16px}.stat-icon.cyan{background:#123e49;color:#54d8dc}.stat-icon.muted{background:#26364a;color:#a9bbcf}.stat-value{font-size:35px;line-height:1.25;font-weight:800;margin-top:9px;letter-spacing:-1px}.stat-foot{font-size:9px;color:#7f9ab6;display:flex;align-items:center;gap:8px;margin-top:5px}.mini-line{display:inline-block;width:16px;height:2px;background:#48aaff;border-radius:4px}.cyan-line{background:#39d2d3}.muted-line{background:#8599b2}.stat-watermark{position:absolute;left:14px;bottom:-18px;font-size:76px;font-weight:800;color:#ffffff06;line-height:1}.content-panel{border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#11243a,#0d1b2c);box-shadow:var(--shadow);overflow:hidden;margin-bottom:22px}.panel-heading{padding:23px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:19px;margin:6px 0 3px}.panel-heading p{font-size:10px;color:var(--muted);margin:0}.primary-button{min-height:42px;padding:0 17px;border:1px solid #55baff66;border-radius:10px;background:linear-gradient(110deg,#197fc5,#2b9fe9);color:#fff;font-weight:600;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 7px 20px #168fe533;transition:.2s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.1)}.table-toolbar{display:flex;align-items:center;gap:9px;padding:15px 25px;border-bottom:1px solid var(--line)}.search-field{height:42px;max-width:370px;flex:1;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #29425d;border-radius:10px;background:#091726;color:#77bfff}.search-field span{font-size:20px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.search-field input::placeholder{color:#68819a}.secondary-button{height:42px;padding:0 17px;border:1px solid #2b4865;border-radius:10px;background:#162c43;color:#c5d7e9;cursor:pointer;font-size:10px}.clear-search{font-size:10px;color:#65baff}.table-responsive{width:100%;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;white-space:nowrap}.users-table th{height:45px;padding:0 16px;text-align:right;background:#0d1d2e;color:#7792ad;font-size:9px;font-weight:500}.users-table td{height:64px;padding:0 16px;border-top:1px solid #ffffff0a;color:#bdcfe0;font-size:10px}.users-table tbody tr{transition:.18s}.users-table tbody tr:hover{background:#ffffff06}.user-name{display:flex;align-items:center;gap:10px}.user-name strong{font-size:11px;color:#e6f1fc}.user-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#235b86,#15304a);border:1px solid #5cb8f833;color:#a9dcff;font-size:12px}.phone-cell{font-family:Arial,sans-serif;color:#b6c8da!important}.muted-cell{color:#7892ad!important}.device-count{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:8px;background:#183550;color:#8bcaff}.state-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:30px;background:#233449;color:#a8bad0;font-size:9px}.state-badge i{width:6px;height:6px;border-radius:50%;background:#94a9be}.state-badge.active{background:#123a37;color:#6ce0b4}.state-badge.active i{background:#45d7a4;box-shadow:0 0 8px #45d7a4}.state-badge.suspended{background:#402632;color:#ff9baa}.state-badge.suspended i{background:#ff7185}.row-action{color:#67bcff;font-size:10px}.row-action span{font-size:15px;margin-right:5px}.table-footer{display:flex;justify-content:space-between;padding:13px 24px;color:#718aa4;font-size:9px;border-top:1px solid var(--line)}.table-footer b,.main-footer b{color:#3aaaff}.empty-state{text-align:center!important;padding:38px 10px!important}.empty-state span{display:block;font-size:25px;color:#58b6fa;margin-bottom:8px}.empty-state strong,.empty-state small{display:block}.empty-state strong{color:#c8d9e9;font-size:12px}.empty-state small{color:#718ba5;margin-top:6px}.add-user-panel .panel-heading{border-bottom:0}.form-heading-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid #3b9ee355;border-radius:12px;background:#143654;color:#70c5ff;font-size:20px}.add-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:0 26px 25px}.add-user-form label{display:grid;gap:8px;color:#9db2c9;font-size:10px}.add-user-form label b{color:#ff8192}.add-user-form input,.add-user-form textarea{width:100%;min-height:43px;padding:10px 13px;border:1px solid #29435e;border-radius:10px;background:#091827;color:#edf5ff;outline:0}.add-user-form input:focus,.add-user-form textarea:focus{border-color:#42a9ef;box-shadow:0 0 0 3px #42a9ef17}.add-user-form input::placeholder,.add-user-form textarea::placeholder{color:#5e7893}.notes-field{grid-column:1/-1}.add-user-form textarea{min-height:85px;resize:vertical}.form-submit-wrap{display:flex;align-items:end}.main-footer{display:flex;justify-content:space-between;padding:18px 4px;color:#66819d;font-size:9px;letter-spacing:.3px}.flash-stack{display:grid;gap:8px;margin:-15px 0 23px}.flash-message{padding:12px 15px;border:1px solid #2f9c8055;background:#10352f;border-radius:10px;color:#8ee5c7;font-size:11px}
/* Employee profile shares the exact same application shell. */
.employee-welcome{min-height:155px;display:flex;align-items:center;justify-content:space-between;padding:27px 31px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(110deg,#122a43,#0d1c2e);margin-bottom:20px}.employee-welcome h1{font-size:27px;margin:7px 0}.employee-welcome p{color:var(--muted);font-size:11px;margin:0}.employee-hero-status{align-self:center}.employee-stats .stat-value{font-size:27px}.status-value{font-size:19px!important}.employee-edit-form{padding-top:22px}.status-management .panel-heading{border-bottom:0}.status-action-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px 23px}.status-note{font-size:10px;color:#8ca3bb;margin:0}.danger-button{min-height:38px;padding:0 14px;border:1px solid #ff718544;border-radius:9px;background:#482331;color:#ff9cab;font-size:10px;cursor:pointer}.danger-button:hover{background:#5a293b}.count-badge{padding:8px 12px;border:1px solid #3d9edb44;border-radius:9px;background:#12314b;color:#8bcfff;font-size:10px}.device-create-form{padding-top:20px}.device-create-form .form-submit-wrap{align-items:end}.device-actions{display:flex;align-items:center;gap:12px}.device-actions form{margin:0}.device-table td{font-size:9px}.device-table .danger-button{min-height:31px;padding:0 9px}.employee-page .content-panel{margin-bottom:18px}
/* Login */
.login-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 25%,#173d60 0,transparent 48%),#07111f}.login-card{width:min(440px,100%);padding:38px;border:1px solid #4aaef044;border-radius:24px;background:linear-gradient(145deg,#142b43,#0b192a);box-shadow:0 25px 90px #0008;text-align:center}.login-logo{width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 8px 25px #1596e044)}.login-card h1{font-size:22px;margin:8px 0 5px}.login-card p{font-size:10px;color:var(--muted);margin:0 0 25px}.login-card form{display:grid;gap:13px;text-align:right}.login-card label{font-size:10px;color:#a9bfd4}.login-card input{width:100%;height:46px;margin-top:7px;padding:0 13px;border:1px solid #2a4764;border-radius:10px;background:#091827;color:white;outline:0}.login-card .primary-button{width:100%;margin-top:6px}.login-footer{margin-top:22px;color:#66819d;font-size:9px}
@media(max-width:1100px){.sidebar{width:225px;padding-inline:15px}.main-content{margin-right:225px}.hero-art{left:1%;opacity:.75}.hero-copy{max-width:65%}.content-wrap{padding-inline:3%}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;padding:12px 15px;border-left:0;border-bottom:1px solid var(--line)}.sidebar-brand{padding:0 0 10px;border:0}.sidebar-brand img{width:43px;height:43px}.sidebar-brand-text strong{font-size:14px}.sidebar-label,.sidebar-spacer,.sidebar-network-card,.sidebar-bottom{display:none}.sidebar-nav{display:flex;overflow:auto;gap:6px}.sidebar-link{min-height:38px;padding:0 10px;white-space:nowrap;font-size:10px}.sidebar-link b{display:none}.nav-icon{width:22px;height:22px;font-size:13px}.main-content{margin-right:0}.main-topbar{height:65px;padding:0 18px}.topbar-title{font-size:15px}.content-wrap{padding:18px 14px 28px}.dashboard-hero{min-height:250px;padding:27px 23px;margin-bottom:25px}.hero-copy{max-width:100%}.hero-copy h1{font-size:27px}.hero-copy p{max-width:75%;font-size:10px}.hero-art{left:-58px;opacity:.18}.hero-index{display:none}.section-intro h2{font-size:17px}.snapshot-date{font-size:8px}.stats-grid{gap:9px}.stat-card{padding:14px 12px;min-height:125px;border-radius:14px}.stat-label{font-size:9px}.stat-icon{width:28px;height:28px}.stat-value{font-size:28px}.stat-foot{font-size:8px}.panel-heading{padding:18px 15px;gap:10px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:9px}.panel-heading .primary-button{padding:0 10px;font-size:9px}.table-toolbar{padding:12px;gap:6px}.search-field{min-width:0}.search-field input{font-size:9px}.secondary-button{padding:0 11px}.users-table th,.users-table td{padding-inline:11px}.table-footer{padding:12px;font-size:8px}.add-user-form{padding:0 15px 18px;gap:12px}.employee-welcome{padding:20px;min-height:130px}.employee-welcome h1{font-size:22px}.employee-stats .stat-value{font-size:21px}.status-action-row{padding:0 15px 18px;align-items:flex-start;flex-direction:column}.device-create-form{padding-top:15px}.main-footer{font-size:8px}.login-card{padding:28px 22px}}
@media(max-width:420px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:104px}.stat-value{font-size:30px}.hero-copy p{max-width:100%}.snapshot-date{display:none}.add-user-form{grid-template-columns:1fr}.notes-field{grid-column:auto}.employee-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-stats .stat-card{padding:11px 8px}.employee-stats .stat-label{font-size:8px}.employee-stats .stat-value{font-size:18px}.employee-stats .stat-foot{font-size:7px}}
.login-brand{display:grid;place-items:center;margin-bottom:5px}.login-brand img{width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 8px 25px #1596e044)}.brand-caption{font-size:8px;letter-spacing:2px;color:#6e9abd;margin:4px 0 12px}.login-subtitle{margin-bottom:24px!important}.login-card form label{display:block}.password-wrap{position:relative}.password-wrap input{margin-top:7px}.login-submit{height:46px;border:1px solid #55baff66;border-radius:10px;background:linear-gradient(110deg,#197fc5,#2b9fe9);color:white;font-weight:600;cursor:pointer;box-shadow:0 7px 20px #168fe533}.login-submit span{margin-right:10px}.alert{padding:10px 12px;margin:10px 0;border:1px solid #ff718555;border-radius:9px;background:#482331;color:#ffb3bf;font-size:10px}.login-footer{display:flex;justify-content:center;align-items:center;gap:8px}.secure-dot{width:6px;height:6px;border-radius:50%;background:#45d7a4;box-shadow:0 0 8px #45d7a4}.login-version{text-align:center;margin-top:20px;color:#617d9c;font-size:8px;letter-spacing:1.5px}.login-version span{color:#48aaff}

/* TRSY device lifecycle actions */
.device-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:220px}.device-actions form{display:inline-flex;margin:0}.device-actions .primary-button,.device-actions .secondary-button,.device-actions .danger-button{padding:9px 12px;font-size:11px;white-space:nowrap}.device-actions .secondary-button{background:rgba(105,160,210,.12);border:1px solid rgba(105,160,210,.28);color:#c9e2f8}.sidebar-brand{gap:12px}.sidebar-brand img{width:54px;height:54px;object-fit:contain;flex:0 0 54px}.sidebar-brand-text{min-width:0;display:flex;flex-direction:column;gap:5px}.sidebar-brand-text strong{font-size:17px;letter-spacing:1.4px;line-height:1.2;white-space:nowrap}.sidebar-brand-text small{font-size:9px;letter-spacing:.7px;line-height:1.5;white-space:normal;max-width:140px;color:#8ea6c0}.

/* TRSY VPN — refined brand header and sidebar identity */
.sidebar-brand{
  min-height:104px; padding:8px 4px 22px; margin-bottom:2px;
  display:flex; align-items:center; justify-content:center;
  border-bottom:1px solid rgba(143,181,216,.16);
  position:relative;
}
.sidebar-brand:after{
  content:""; position:absolute; bottom:-1px; right:12%; width:76%; height:1px;
  background:linear-gradient(90deg,transparent,rgba(69,177,255,.55),transparent);
}
.sidebar-brand img{
  display:block; width:100%; max-width:218px; height:68px; flex:0 1 218px;
  object-fit:contain; object-position:center; filter:drop-shadow(0 8px 18px rgba(0,150,255,.12));
}
.main-topbar{
  height:86px; padding:0 clamp(22px,4.2%,58px);
  background:linear-gradient(105deg,rgba(10,24,41,.97),rgba(13,31,51,.94));
  border-bottom:1px solid rgba(115,171,218,.18);
  box-shadow:0 8px 28px rgba(0,0,0,.12); gap:20px;
}
.main-topbar:after{
  content:""; position:absolute; bottom:-1px; right:4.2%; width:120px; height:2px;
  background:linear-gradient(90deg,transparent,#38b6ff,transparent);
}
.topbar-heading{display:flex; align-items:center; gap:13px; min-width:0}
.topbar-heading-mark{
  width:39px; height:39px; flex:0 0 39px; display:grid; place-items:center;
  border:1px solid rgba(79,177,245,.32); border-radius:12px;
  color:#83ceff; font-size:18px;
  background:linear-gradient(145deg,rgba(36,125,188,.28),rgba(18,48,75,.62));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 5px 18px rgba(0,119,205,.1);
}
.topbar-overline{font-size:8px; letter-spacing:2.1px; line-height:1.5; color:#69c2ff}
.topbar-title{font-size:20px; line-height:1.4; margin-top:3px; letter-spacing:-.3px}
.topbar-profile{
  min-height:49px; padding:5px 8px 5px 13px; gap:10px;
  border:1px solid rgba(123,165,204,.17); border-radius:14px;
  background:linear-gradient(120deg,rgba(22,48,72,.76),rgba(13,30,48,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.topbar-profile-copy{display:grid; gap:3px; text-align:right}
.topbar-profile-copy strong{font-size:10px; color:#eaf5ff; font-weight:700}
.topbar-profile-copy small{font-size:8px; color:#809db9; letter-spacing:.7px}
.admin-avatar{width:36px;height:36px;border-radius:11px;box-shadow:0 4px 13px rgba(0,130,220,.16)}
.profile-chevron{font-size:13px; margin:0 2px; color:#7293b1}
.sidebar-label{margin-top:25px}
.sidebar-version{font-size:7px; letter-spacing:1.05px; color:#7895b3}
@media(max-width:760px){
 .sidebar-brand{min-height:58px;padding:2px 0 8px;justify-content:flex-start}
 .sidebar-brand img{width:190px;max-width:72vw;height:49px;flex-basis:190px;object-position:right center}
 .main-topbar{height:70px;padding:0 15px;gap:9px}
 .main-topbar:after{right:15px;width:76px}
 .topbar-heading{gap:8px}
 .topbar-heading-mark{width:32px;height:32px;flex-basis:32px;border-radius:10px}
 .topbar-overline{font-size:7px;letter-spacing:1px}
 .topbar-title{font-size:15px}
 .topbar-profile{min-height:41px;padding:3px 6px 3px 8px;gap:7px}
 .topbar-profile-copy strong{font-size:9px}
 .topbar-profile-copy small{font-size:7px}
 .admin-avatar{width:31px;height:31px;border-radius:9px}
}

/* TRSY VPN GLOBAL REFINEMENT — Nov 04 */
:root{--bg:#06111f;--panel:#0d2034;--line:rgba(135,181,220,.16)}
.sidebar-network-card,.sidebar-status,.sidebar-version,.main-footer{display:none!important}
.sidebar{padding-top:22px}.sidebar-brand{min-height:112px;margin-bottom:4px}.sidebar-nav{margin-top:10px}.sidebar-bottom{border:0;padding:0;margin-top:auto}.sidebar-logout{height:43px}
.main-topbar{position:sticky;min-height:86px}.topbar-heading{margin-inline-start:auto}.topbar-title{font-size:22px;font-weight:800}
.admin-menu{position:relative;z-index:30}.admin-menu-trigger{display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid rgba(91,157,205,.22);border-radius:13px;background:rgba(14,35,56,.8);color:var(--text);cursor:pointer}.admin-avatar{width:35px;height:35px}.admin-label{display:grid;gap:2px;text-align:right}.admin-label strong{font-size:10px}.admin-label small{font-size:8px;color:#829db8;letter-spacing:.7px}.admin-dropdown{display:none;position:absolute;top:calc(100% + 9px);right:0;min-width:205px;padding:7px;border:1px solid rgba(91,157,205,.28);border-radius:13px;background:#0b1b2c;box-shadow:0 18px 45px #0009}.admin-menu.open .admin-dropdown{display:grid}.admin-dropdown a,.admin-dropdown button{display:block;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#d9eaff;text-align:right;font:inherit;font-size:10px;cursor:pointer}.admin-dropdown a:hover,.admin-dropdown button:hover{background:#15324e}.admin-dropdown form{margin:0;border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.dashboard-hero{background:linear-gradient(110deg,rgba(13,34,55,.97),rgba(8,23,40,.98));isolation:isolate}.dashboard-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:url('world-network.svg') no-repeat 13% 50%/min(56vw,610px) auto;opacity:.25;pointer-events:none}.hero-globe{position:absolute;width:390px;height:390px;left:3%;top:50%;transform:translateY(-50%);border:1px solid rgba(78,178,235,.17);border-radius:50%;background:url('world-network.svg') center/contain no-repeat;opacity:.33;filter:drop-shadow(0 0 22px rgba(34,146,211,.08))}.hero-art{width:310px}.hero-art img{width:178px;height:155px;object-fit:contain;filter:drop-shadow(0 12px 22px #009eff30)}.hero-art-caption{display:none}.hero-copy{max-width:58%}.hero-copy h1{font-size:clamp(28px,3vw,39px)}.hero-cta{display:none!important}.hero-index{opacity:.7}
.section-intro h2{font-size:21px}.add-user-complete{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:23px}.add-user-complete label{display:grid;gap:8px}.add-user-complete input,.add-user-complete select,.add-user-complete textarea,.employee-edit-form input,.employee-edit-form textarea{width:100%;min-height:45px;padding:11px 13px;border:1px solid #294863;border-radius:11px;background:#091a2a;color:#e8f4ff;outline:none}.add-user-complete input:focus,.add-user-complete select:focus,.add-user-complete textarea:focus,.employee-edit-form input:focus,.employee-edit-form textarea:focus{border-color:#45b5ff;box-shadow:0 0 0 3px #269de51c}.add-user-complete select{appearance:auto}.add-user-complete textarea,.employee-edit-form textarea{min-height:88px;resize:vertical}.add-user-complete .notes-field,.add-user-complete .form-submit-wrap{grid-column:1/-1}.add-user-complete .form-submit-wrap{align-items:center;gap:13px}.add-user-complete .form-submit-wrap small{font-size:9px;color:#7f9ab5}.add-user-complete label>span,.employee-edit-form label>span{font-size:10px;color:#a9bfd4}.add-user-complete label b,.employee-edit-form label b{color:#ff8193}.employee-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-edit-form .notes-field,.employee-edit-form .form-submit-wrap{grid-column:1/-1}.admin-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:22px}.admin-settings-form .notes-field,.admin-settings-form .form-submit-wrap{grid-column:1/-1}.admin-settings-form input{width:100%;height:45px;padding:0 13px;border:1px solid #294863;border-radius:10px;background:#091a2a;color:#e8f4ff}.user-destructive-actions{display:flex;flex-wrap:wrap;gap:9px}.user-destructive-actions form{margin:0}.danger-solid{background:linear-gradient(110deg,#8c2f48,#b53d55);color:#fff;border-color:#ed829566}.device-actions{min-width:240px}.device-table td{white-space:nowrap}.device-table{min-width:1040px}.employee-page .status-action-row{align-items:center}
@media(max-width:760px){.sidebar{padding:10px 14px}.sidebar-brand{min-height:64px;padding:0 0 8px}.sidebar-brand img{width:190px;height:48px;max-width:75vw}.sidebar-bottom{display:none}.main-topbar{min-height:68px;height:68px;padding:0 14px}.topbar-title{font-size:16px}.admin-label{display:none}.admin-menu-trigger{padding:4px}.dashboard-hero{min-height:230px}.hero-globe{width:280px;height:280px;left:-60px;opacity:.22}.dashboard-hero:after{background-position:0 50%;background-size:90% auto;opacity:.17}.hero-art{left:-60px;width:220px;opacity:.65}.hero-art img{width:130px;height:120px}.hero-copy{max-width:80%}.hero-copy h1{font-size:26px}.add-user-complete,.employee-edit-form,.admin-settings-form{grid-template-columns:1fr}.add-user-complete .notes-field,.add-user-complete .form-submit-wrap,.employee-edit-form .notes-field,.employee-edit-form .form-submit-wrap,.admin-settings-form .notes-field,.admin-settings-form .form-submit-wrap{grid-column:auto}.user-destructive-actions{width:100%}.user-destructive-actions form{flex:1}.user-destructive-actions button{width:100%}.device-table{min-width:1000px}}
@media(max-width:420px){.hero-copy{max-width:100%}.hero-art{opacity:.18}.hero-copy p{max-width:100%}.topbar-overline{font-size:6px;letter-spacing:1px}}


/* TRSY VPN — unified global identity */
body.trsy-dashboard{position:relative;isolation:isolate;background-color:#06111f}
body.trsy-dashboard:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('world-network.svg') no-repeat 48% 45%/min(82vw,1050px) auto;opacity:.055;filter:saturate(.75)}
.topbar-brand-logo{width:42px;height:42px;object-fit:contain;flex:0 0 42px;filter:drop-shadow(0 4px 12px rgba(40,157,230,.18))}
.topbar-heading{margin-inline-start:0;gap:12px}
.password-field{position:relative;display:flex;align-items:center;width:100%}
.password-field input{padding-inline-end:68px!important}
.password-toggle{position:absolute;left:8px;top:50%;transform:translateY(-50%);height:29px;padding:0 9px;border:1px solid rgba(93,157,204,.25);border-radius:7px;background:#132c43;color:#9dcced;font-size:9px;cursor:pointer}
.password-toggle:hover{border-color:#4aaeff;color:#fff}
.admin-dropdown a{white-space:nowrap}
@media(max-width:760px){.topbar-brand-logo{width:33px;height:33px;flex-basis:33px}.topbar-heading{gap:8px}body.trsy-dashboard:before{background-position:center 40%;background-size:130vw auto;opacity:.04}}
.trsy-login{position:relative;isolation:isolate;background-color:#06111f}.trsy-login:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('world-network.svg') center/ min(85vw,1050px) auto no-repeat;opacity:.06}.trsy-login-card{border-color:rgba(99,177,230,.2);background:linear-gradient(150deg,rgba(15,35,56,.97),rgba(7,19,33,.98));box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 55px rgba(35,139,204,.08)}.trsy-login-brand{display:flex;justify-content:center;align-items:center;min-height:92px;margin-bottom:8px}.trsy-login-brand img{width:min(270px,82%);height:88px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,143,226,.14))}.trsy-login .brand-caption{color:#76bce9;letter-spacing:2px}.trsy-login .login-submit{background:linear-gradient(110deg,#197fc5,#2b9fe9)}.password-wrap{position:relative}.password-wrap input{padding-left:70px!important}.login-password-toggle{position:absolute;left:9px;top:50%;transform:translateY(-50%);height:28px;padding:0 9px;border:1px solid rgba(93,157,204,.25);border-radius:7px;background:#132c43;color:#9dcced;font-size:9px;cursor:pointer}.login-password-toggle:hover{color:white;border-color:#4aaeff}


/* TRSY VPN — requested dashboard refinements */
.sidebar-brand.symbol-brand{min-height:116px;justify-content:center;align-items:center;padding:8px 0 20px}
.sidebar-brand.symbol-brand img{width:88px;height:88px;flex:0 0 88px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(28,153,224,.24))}
.sidebar{position:fixed;overflow:hidden}
.sidebar:after{content:"";position:absolute;pointer-events:none;left:50%;bottom:34px;width:174px;height:174px;transform:translateX(-50%);border:1px solid rgba(77,164,218,.075);border-radius:50%;box-shadow:0 0 0 18px rgba(77,164,218,.022),0 0 0 42px rgba(77,164,218,.016),inset 0 0 35px rgba(31,128,190,.035);background:radial-gradient(circle,rgba(47,142,198,.055),transparent 68%)}
.sidebar-spacer{position:relative;z-index:1}
.main-topbar.admin-only-topbar{height:58px;min-height:58px;padding:0 28px;justify-content:flex-start;border-bottom:1px solid rgba(119,169,207,.10);background:rgba(7,18,31,.55);backdrop-filter:blur(14px)}
.admin-only-topbar .admin-menu{margin-inline-start:0}
.admin-only-topbar .admin-menu-trigger{min-height:39px;padding:3px 7px;border-radius:11px;gap:8px;background:rgba(13,32,51,.78)}
.admin-only-topbar .admin-avatar{width:30px;height:30px;border-radius:9px}
.admin-only-topbar .admin-label strong{font-size:10px}
.admin-only-topbar .admin-label small{font-size:7px}
.admin-dropdown{z-index:80}
.dashboard-hero{min-height:280px}
.hero-copy h1{font-size:clamp(31px,3.5vw,43px);line-height:1.55}
.hero-copy h1 em{color:#62baff}
.hero-art img{width:194px;height:174px}
.users-page .content-wrap{padding-top:28px}
.users-page .users-panel{margin-top:8px}
.qr-button{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(79,190,255,.48);border-radius:9px;background:linear-gradient(115deg,#124d70,#147eb4);color:#dff5ff;font-size:10px;font-weight:700;box-shadow:0 5px 16px rgba(0,137,205,.17);white-space:nowrap;transition:.18s}
.qr-button span{font-size:18px;line-height:1;color:#75d6ff}
.qr-button:hover{transform:translateY(-1px);border-color:#71d1ff;background:linear-gradient(115deg,#17658d,#159bd4);box-shadow:0 8px 20px rgba(0,153,220,.24)}
.trsy-confirm-dialog{width:min(440px,calc(100vw - 30px));padding:0;border:1px solid rgba(94,171,225,.32);border-radius:18px;background:#0b1c2e;color:#e8f4ff;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.trsy-confirm-dialog::backdrop{background:rgba(1,8,16,.72);backdrop-filter:blur(5px)}
.confirm-card{padding:25px;display:grid;justify-items:center;text-align:center;gap:12px}
.confirm-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(211,65,91,.14);border:1px solid rgba(255,119,143,.28);color:#ff9baa;font-size:22px;font-weight:800}
.confirm-card h2{margin:0;font-size:17px}
.confirm-card p{margin:0;color:#9db3c9;font-size:11px;line-height:2}
.confirm-actions{width:100%;display:flex;justify-content:center;gap:10px;margin-top:8px}
.confirm-actions button{min-width:112px}
@media(max-width:760px){.sidebar-brand.symbol-brand{min-height:60px;padding:0 0 7px;justify-content:flex-start}.sidebar-brand.symbol-brand img{width:52px;height:52px;flex-basis:52px}.sidebar:after{display:none}.main-topbar.admin-only-topbar{height:51px;min-height:51px;padding:0 14px}.admin-only-topbar .admin-label{display:none}.hero-art img{width:144px;height:132px}.hero-copy h1{font-size:29px}.confirm-card{padding:20px}}
@media(min-width:761px){.main-topbar.admin-only-topbar{justify-content:flex-end}}


/* TRSY VPN — precise feedback refinement revision 2 */
.sidebar-brand.symbol-brand{min-height:132px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:8px 0 16px;margin-bottom:4px;text-align:center}
.sidebar-brand.symbol-brand img{width:82px;height:78px;flex:0 0 78px;object-fit:contain}
.sidebar-brand-lockup{display:grid;gap:2px;justify-items:center;line-height:1.25}
.sidebar-brand-lockup strong{font-size:16px;font-weight:800;letter-spacing:1.4px;color:#eaf5ff}
.sidebar-brand-lockup small{font-size:9px;letter-spacing:.55px;color:#8ca8c4}
.sidebar-bottom{display:block!important;position:relative;z-index:2;margin-top:auto;padding-top:13px;border-top:1px solid rgba(124,169,207,.14)}
.sidebar-help-card{display:flex;align-items:center;gap:10px;padding:11px 10px;margin-bottom:10px;border:1px solid rgba(87,154,202,.16);border-radius:12px;background:linear-gradient(115deg,rgba(19,48,73,.75),rgba(12,30,48,.78))}
.sidebar-help-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(70,170,228,.28);border-radius:9px;background:#12304a;color:#68c5ff;font-size:17px}
.sidebar-help-card>div{display:grid;gap:4px;min-width:0}
.sidebar-help-card strong{font-size:9px;color:#d8e9f8}
.sidebar-help-card small{font-size:8px;line-height:1.7;color:#829db8}
.sidebar-logout-form{margin:0}
.sidebar-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:39px;border:1px solid rgba(255,119,143,.19);border-radius:10px;background:rgba(73,31,46,.22);color:#dba6b1;font-size:10px;cursor:pointer;transition:.18s}
.sidebar-logout span{font-size:15px}
.sidebar-logout:hover{border-color:rgba(255,119,143,.45);background:rgba(100,37,55,.35);color:#ffd5dc}
.sidebar-version{display:block!important;margin-top:10px;text-align:center;color:#536f8a;font-size:7px;letter-spacing:.8px}
.main-topbar.admin-only-topbar{justify-content:flex-start}
.admin-only-topbar .admin-menu{margin-inline-start:0}
.admin-only-topbar .admin-menu-trigger{min-width:142px;min-height:43px;padding:4px 8px;cursor:pointer;justify-content:space-between;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.admin-only-topbar .admin-menu-trigger:focus-visible{outline:2px solid #52baff;outline-offset:3px}
.admin-only-topbar .admin-label{display:grid}
.admin-only-topbar .admin-avatar{width:31px;height:31px;flex:0 0 31px}
.admin-dropdown{min-width:220px;right:0;top:calc(100% + 8px)}
.admin-dropdown form button{font-family:inherit}
.hero-copy h1{font-size:clamp(31px,3.5vw,43px)}
.hero-index{display:none!important}
.qr-button{min-height:36px;padding:0 11px;font-size:10px;border-radius:9px}
.qr-button span{font-size:14px!important}
.device-actions{gap:7px;min-width:230px;align-items:center}
.device-actions .primary-button,.device-actions .secondary-button,.device-actions .danger-button{min-height:34px;height:34px;padding:0 10px;font-size:9px;gap:5px;border-radius:8px}
.device-actions .qr-button{min-height:34px;height:34px;padding:0 10px;font-size:9px}
.device-actions .qr-button span{font-size:13px!important}
.device-actions form{display:inline-flex;align-items:center}
@media(max-width:760px){
 .sidebar-brand.symbol-brand{min-height:95px;flex-direction:row;justify-content:flex-start;gap:9px;padding:2px 0 10px;text-align:right}
 .sidebar-brand.symbol-brand img{width:55px;height:55px;flex:0 0 55px}
 .sidebar-brand-lockup{justify-items:start;gap:3px}
 .sidebar-brand-lockup strong{font-size:14px}
 .sidebar-brand-lockup small{font-size:8px}
 .sidebar-bottom{display:block!important;margin-top:10px;padding-top:10px}
 .sidebar-help-card{padding:8px;margin-bottom:7px}
 .sidebar-help-card small{font-size:7px}
 .sidebar-logout{height:35px}
 .sidebar-version{margin-top:7px}
 .admin-only-topbar .admin-label{display:grid}
 .admin-only-topbar .admin-menu-trigger{min-width:112px;min-height:38px}
 .admin-only-topbar .admin-label strong{font-size:9px}
 .admin-only-topbar .admin-label small{font-size:7px}
}

/* Revision 3: original brand lockup, profile navigation, and refined login composition */
.sidebar-brand.symbol-brand{min-height:148px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:8px 0 16px}
.sidebar-brand.symbol-brand>img:first-child{width:78px;height:76px;flex:0 0 76px;object-fit:contain}
.sidebar-brand.symbol-brand .sidebar-wordmark{display:block;width:178px;height:61px;max-width:88%;flex:0 0 auto;object-fit:contain;margin-top:-3px;filter:drop-shadow(0 4px 12px rgba(0,125,210,.12))}
.sidebar-profile-link{display:flex;align-items:center;gap:10px;padding:11px 10px;margin:0 0 9px;border:1px solid rgba(77,158,211,.22);border-radius:12px;background:linear-gradient(115deg,rgba(19,48,73,.82),rgba(10,28,46,.9));color:#dceeff;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
.sidebar-profile-link:hover{border-color:rgba(65,177,244,.55);background:linear-gradient(115deg,rgba(22,62,94,.92),rgba(12,35,57,.95));transform:translateY(-1px)}
.sidebar-profile-link>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}
.sidebar-profile-link strong{font-size:10px;font-weight:700}
.sidebar-profile-link small{font-size:8px;color:#8faac4;line-height:1.5}
.sidebar-profile-link>b{font-size:13px;color:#69c4ff}
.sidebar-profile-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(86,173,229,.22);border-radius:9px;background:rgba(35,113,169,.2);color:#83ceff;font-size:15px}
.main-topbar.admin-only-topbar{display:none!important}
.content-wrap{padding-top:30px}
.stat-paused .stat-label,.stat-paused .stat-foot{color:#a9c4dc}
/* Login brand stack */
.trsy-login-card{position:relative;z-index:3}
.trsy-login-brand{min-height:132px;display:flex;flex-direction:column;gap:0;margin-bottom:4px}
.trsy-login-brand .login-symbol{width:76px;height:72px;object-fit:contain;margin-bottom:-3px;filter:drop-shadow(0 7px 18px rgba(0,159,255,.22))}
.trsy-login-brand .login-wordmark{width:min(270px,82%);height:72px;object-fit:contain;filter:drop-shadow(0 7px 18px rgba(0,143,226,.13))}
.trsy-login form>label{display:none!important}
.password-wrap .input-icon{display:none!important}
.password-wrap input{padding-inline-start:76px!important}
.trsy-login .password-wrap{margin-top:24px}
/* Subtle in-page side illustrations; CSS shapes keep the login page self-contained. */
.login-side{position:fixed;z-index:1;top:50%;width:min(25vw,310px);min-height:340px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;pointer-events:none;color:#8eb8d8;text-align:center}
.login-side-left{left:4vw}.login-side-right{right:4vw}
.login-side p{margin:0;font-size:15px;line-height:1.9;letter-spacing:.2px;color:#b5cde2}
.login-side p strong{color:#59baff;font-weight:700}
.login-side-orbit{position:absolute;width:270px;height:270px;border:1px solid rgba(63,160,220,.12);border-radius:50%;box-shadow:inset 0 0 50px rgba(24,125,196,.06),0 0 70px rgba(22,119,184,.05)}
.login-side-orbit:before,.login-side-orbit:after{content:"";position:absolute;inset:24px;border:1px dashed rgba(75,169,224,.14);border-radius:50%;transform:rotate(35deg) scaleX(1.35)}
.login-side-orbit:after{transform:rotate(-35deg) scaleX(1.35)}
.login-laptop-scene{position:relative;width:190px;height:170px;z-index:1;filter:drop-shadow(0 14px 24px rgba(0,0,0,.24))}
.scene-glow{position:absolute;width:140px;height:140px;left:24px;top:10px;border-radius:50%;background:rgba(0,151,235,.12);filter:blur(22px)}
.scene-person{position:absolute;left:43px;top:15px;width:86px;height:115px}
.person-face{position:absolute;left:27px;top:12px;width:42px;height:48px;border-radius:48% 48% 44% 44%;background:linear-gradient(135deg,#f2c9a8,#c98d75);box-shadow:inset -7px -2px 0 rgba(99,50,50,.12)}
.person-hair{position:absolute;z-index:2;left:22px;top:4px;width:53px;height:55px;border-radius:48% 48% 36% 38%;border-top:13px solid #263c5a;border-left:8px solid #263c5a;border-right:7px solid #263c5a;transform:rotate(-5deg)}
.person-body{position:absolute;left:8px;top:58px;width:82px;height:66px;border-radius:38px 38px 12px 12px;background:linear-gradient(135deg,#1689c8,#17446d);border:1px solid rgba(105,202,255,.32)}
.scene-laptop{position:absolute;z-index:3;left:7px;bottom:7px;width:176px;height:82px;border:3px solid #6abde9;border-radius:9px 9px 4px 4px;background:linear-gradient(145deg,#163b5c,#071827);box-shadow:0 0 22px rgba(0,163,255,.18)}
.scene-laptop:after{content:"";position:absolute;left:-13px;right:-13px;bottom:-10px;height:8px;border-radius:2px 2px 10px 10px;background:linear-gradient(90deg,#376b8d,#a5d8f5,#376b8d)}
.scene-laptop i{position:absolute;inset:9px;background:radial-gradient(circle at 50% 45%,rgba(0,176,255,.24),transparent 55%),linear-gradient(135deg,rgba(14,67,104,.7),rgba(5,17,30,.9));border-radius:3px}
.scene-laptop b{position:absolute;left:50%;top:42%;width:25px;height:25px;transform:translate(-50%,-50%);border:2px solid #63caff;border-radius:8px;box-shadow:0 0 12px #0af}
.scene-speed{position:absolute;right:-28px;top:10px;padding:5px 9px;border:1px solid rgba(77,177,233,.25);border-radius:20px;background:#0d2941;color:#72cbff;font-size:9px}
.security-orb{position:relative;z-index:1;width:148px;height:148px;display:grid;place-items:center;border:1px solid rgba(76,181,239,.35);border-radius:50%;background:radial-gradient(circle,rgba(16,105,165,.3),rgba(7,24,41,.15) 66%);box-shadow:0 0 55px rgba(0,137,220,.12),inset 0 0 35px rgba(0,143,220,.1)}
.security-shield{width:72px;height:82px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 16%,88% 67%,50% 100%,12% 67%,6% 16%);background:linear-gradient(145deg,#7dd8ff,#176da8 55%,#0c3154);color:white;font-size:34px;text-shadow:0 2px 9px #001}
.security-wifi{position:absolute;top:7px;font-size:35px;color:#59c6ff;text-shadow:0 0 14px #08f;transform:rotate(90deg)}
.security-lines{z-index:1;display:flex;gap:8px}
.security-lines i{display:block;width:32px;height:3px;border-radius:5px;background:linear-gradient(90deg,transparent,#35aef2,transparent);box-shadow:0 0 8px rgba(37,167,242,.5)}
.login-version{position:relative;z-index:2}
@media(max-width:1050px){.login-side{opacity:.42;width:18vw}.login-side-left{left:0}.login-side-right{right:0}.login-side-orbit{width:210px;height:210px}}
@media(max-width:760px){.sidebar-brand.symbol-brand{min-height:126px;flex-direction:column;justify-content:center;align-items:center;padding:5px 0 10px}.sidebar-brand.symbol-brand>img:first-child{width:57px;height:55px;flex-basis:55px}.sidebar-brand.symbol-brand .sidebar-wordmark{width:148px;height:48px}.sidebar-profile-link{padding:8px;margin-bottom:7px}.sidebar-profile-link small{font-size:7px}.login-side{display:none}.trsy-login-brand{min-height:116px}.trsy-login-brand .login-symbol{width:65px;height:62px}.trsy-login-brand .login-wordmark{height:62px}.content-wrap{padding-top:18px}}
.profile-hero-card{display:flex;align-items:center;gap:20px;padding:25px 28px;margin-bottom:18px;border:1px solid rgba(82,161,213,.24);border-radius:20px;background:linear-gradient(115deg,rgba(16,43,67,.96),rgba(8,25,42,.98));box-shadow:0 16px 42px rgba(0,0,0,.16)}
.profile-avatar-large{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;border:1px solid rgba(106,197,249,.5);border-radius:22px;background:linear-gradient(145deg,#258dca,#123d62);color:white;font-size:32px;font-weight:700;box-shadow:0 8px 24px rgba(0,143,220,.18)}
.profile-hero-card h1{margin:6px 0;font-size:clamp(22px,3vw,30px);color:#eef7ff}.profile-hero-card p{margin:0 0 10px;color:#94b2cc;font-size:12px}.profile-role-badge{display:inline-flex;padding:5px 10px;border:1px solid rgba(76,169,225,.22);border-radius:30px;background:rgba(28,94,139,.2);color:#7bcaff;font-size:9px}
.profile-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.profile-facts>div{display:grid;gap:8px;padding:14px;border:1px solid rgba(100,151,190,.13);border-radius:12px;background:rgba(7,21,35,.45)}.profile-facts small{color:#829db8;font-size:9px}.profile-facts strong{color:#dcecff;font-size:12px;overflow-wrap:anywhere}
.person-face:before{content:"";position:absolute;left:10px;top:20px;width:4px;height:4px;border-radius:50%;background:#4b3940;box-shadow:17px 0 #4b3940}.person-face:after{content:"";position:absolute;left:16px;top:32px;width:10px;height:5px;border-bottom:2px solid #985d5a;border-radius:0 0 12px 12px}
@media(max-width:760px){.profile-hero-card{padding:18px;gap:13px}.profile-avatar-large{width:58px;height:58px;flex-basis:58px;border-radius:17px;font-size:25px}.profile-hero-card h1{font-size:20px}.profile-facts{grid-template-columns:1fr}}

.add-user-back{display:flex;justify-content:flex-start;margin-top:14px}.add-user-back .secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px}


/* TRSY VPN Revision 5 refinements */
.sidebar-brand.symbol-brand{flex-direction:column;justify-content:center;gap:7px;padding:0 3px 24px}
.sidebar-brand.symbol-brand>img:first-child{width:78px;height:78px}
.sidebar-brand.symbol-brand .sidebar-wordmark{width:180px;height:auto;max-height:42px;object-fit:contain}
.sidebar-link .nav-index,.sidebar-link .nav-number{display:none!important}
.hero-art>img{width:178px;height:178px;object-fit:contain;transform:scale(1.12);filter:drop-shadow(0 12px 28px rgba(0,153,255,.26))}
.profile-hero-card{display:none!important}

/* Login: abstract technical visuals, no cartoon illustrations */
.trsy-login{overflow:hidden;background:
 radial-gradient(ellipse at 50% 45%,rgba(17,67,105,.34),transparent 43%),
 radial-gradient(circle at 15% 45%,rgba(24,125,190,.12),transparent 26%),
 radial-gradient(circle at 85% 45%,rgba(24,125,190,.12),transparent 26%),
 #06111f}
.login-side{width:300px;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;top:50%;transform:translateY(-50%);z-index:1}
.login-side-left{left:3.5vw;right:auto}
.login-side-right{right:3.5vw;left:auto}
.login-side p,.login-laptop-scene,.security-orb,.security-lines,.scene-person,.scene-laptop,.scene-speed{display:none!important}
.tech-orbit{position:absolute;width:270px;height:270px;border:1px solid rgba(64,174,239,.18);border-radius:50%;box-shadow:0 0 65px rgba(0,139,220,.08),inset 0 0 55px rgba(0,139,220,.06)}
.tech-orbit:before,.tech-orbit:after{content:"";position:absolute;inset:24px;border:1px dashed rgba(76,181,239,.22);border-radius:50%;transform:rotate(38deg) scaleX(1.25)}
.tech-orbit:after{transform:rotate(-38deg) scaleX(1.25);inset:48px}
.tech-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#48c5ff;box-shadow:0 0 14px #159be8}
.tech-orbit i:nth-child(1){top:17%;left:48%}.tech-orbit i:nth-child(2){right:9%;top:52%}.tech-orbit i:nth-child(3){bottom:13%;left:29%}
.tech-orbit b{position:absolute;inset:50%;width:9px;height:9px;border-radius:50%;background:#72d4ff;box-shadow:0 0 28px 8px rgba(28,162,235,.35)}
.tech-speed-core,.tech-security-core{position:relative;z-index:2;width:158px;height:158px;border:1px solid rgba(78,185,243,.34);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(20,105,160,.24),rgba(7,24,41,.12) 70%);box-shadow:inset 0 0 35px rgba(27,155,220,.12),0 0 55px rgba(0,135,220,.1)}
.tech-speed-core strong{font-size:25px;letter-spacing:1px;color:#c9efff;text-shadow:0 0 18px rgba(42,179,255,.65)}
.tech-speed-core small{font-size:8px;letter-spacing:2px;color:#65bce9;margin-top:7px}
.speed-wave{display:block;width:58px;height:8px;border-top:2px solid #49c8ff;border-radius:50%;filter:drop-shadow(0 0 6px #19a9ff);margin-bottom:1px}
.wave-a{width:32px}.wave-b{width:47px}.wave-c{width:62px}
.tech-security-core{background:radial-gradient(circle,rgba(13,95,150,.25),rgba(7,24,41,.1) 70%)}
.tech-security-core:before,.tech-security-core:after{content:"";position:absolute;width:190px;height:1px;background:linear-gradient(90deg,transparent,rgba(58,181,245,.6),transparent);transform:rotate(45deg)}
.tech-security-core:after{transform:rotate(-45deg)}
.security-shield{width:74px;height:84px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 16%,88% 67%,50% 100%,12% 67%,6% 16%);background:linear-gradient(145deg,#8ce0ff,#176fae 58%,#0b2b4b);color:#fff;font-size:34px;text-shadow:0 2px 9px #001;box-shadow:0 0 28px #16a8ef}
.security-circuit{position:absolute;width:12px;height:12px;border:1px solid #55caff;border-radius:3px;box-shadow:0 0 12px #129fe7}
.circuit-a{top:20px;right:24px}.circuit-b{bottom:24px;left:22px}
.tech-side-caption{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.tech-side-caption span{font-size:8px;letter-spacing:2px;color:#54b9ed}
.tech-side-caption b{font-size:15px;font-weight:600;color:#c3d9eb}
.trsy-login-card{position:relative;z-index:5}
.login-field-label{display:block;text-align:right;color:#a9c2d8;font-size:11px;margin:5px 0 -7px}
.login-text-input{width:100%;height:46px;padding:0 14px;border:1px solid #2a4c69;border-radius:11px;background:#091827;color:#f2f8ff;outline:0;direction:ltr;text-align:left}
.login-text-input:focus{border-color:#39aef0;box-shadow:0 0 0 3px rgba(44,160,225,.12)}
.trsy-login-card form{gap:10px}
@media(max-width:1050px){.login-side{opacity:.28;transform:translateY(-50%) scale(.82)}}
@media(max-width:760px){.login-side{display:none}.trsy-login-card{width:min(440px,calc(100% - 28px));padding:28px 22px}}


/* TRSY VPN Revision 6 — restore brand wordmark and compact device table */
.sidebar-brand.symbol-brand>img:first-child{width:88px;height:88px;flex:0 0 88px}
.sidebar-brand.symbol-brand .sidebar-wordmark{display:block;width:178px;height:61px;max-width:92%;max-height:none;flex:0 0 auto;object-fit:contain;margin-top:-3px}

/* Device table: readable typography, balanced columns, no oversized horizontal canvas */
.employee-page .table-responsive{width:100%;overflow-x:auto;overflow-y:hidden}
.employee-page .device-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}
.employee-page .device-table th{font-size:11px;line-height:1.5;padding:9px 7px;white-space:normal;text-align:center}
.employee-page .device-table td{font-size:11px;line-height:1.55;padding:10px 7px;text-align:center;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
.employee-page .device-table th:nth-child(1),.employee-page .device-table td:nth-child(1){width:14%;text-align:right}
.employee-page .device-table th:nth-child(2),.employee-page .device-table td:nth-child(2){width:9%}
.employee-page .device-table th:nth-child(3),.employee-page .device-table td:nth-child(3){width:9%}
.employee-page .device-table th:nth-child(4),.employee-page .device-table td:nth-child(4){width:12%}
.employee-page .device-table th:nth-child(5),.employee-page .device-table td:nth-child(5){width:13%}
.employee-page .device-table th:nth-child(6),.employee-page .device-table td:nth-child(6){width:8%}
.employee-page .device-table th:nth-child(7),.employee-page .device-table td:nth-child(7){width:8%}
.employee-page .device-table th:nth-child(8),.employee-page .device-table td:nth-child(8){width:27%}
.employee-page .device-table td:nth-child(3){direction:ltr}
.employee-page .device-table .device-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
.employee-page .device-table .device-actions form{display:inline-flex;margin:0}
.employee-page .device-table .device-actions a,.employee-page .device-table .device-actions button{min-height:34px;padding:0 10px;font-size:10px;white-space:nowrap}
.employee-page .device-table .state-badge{font-size:10px;padding:5px 8px;white-space:nowrap}
.employee-page .device-table .muted-cell{font-size:10px;color:#a6bbcf}
@media(max-width:1100px){
 .employee-page .device-table{min-width:900px;table-layout:auto}
 .employee-page .table-responsive{overflow-x:auto}
}


/* TRSY VPN Revision 7 — keep device actions on one line and preserve table geometry */
.employee-page .table-responsive{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(66,164,222,.42) rgba(8,23,38,.35);
}
.employee-page .device-table{
  width:100%;
  min-width:1120px;
  table-layout:auto;
  border-collapse:separate;
  border-spacing:0;
}
.employee-page .device-table th{
  padding:0 12px;
  height:48px;
  font-size:10px;
  line-height:1.4;
  white-space:nowrap;
  text-align:center;
}
.employee-page .device-table td{
  padding:10px 12px;
  min-height:62px;
  font-size:10px;
  line-height:1.5;
  white-space:nowrap;
  text-align:center;
  vertical-align:middle;
}
.employee-page .device-table td:first-child,
.employee-page .device-table th:first-child{text-align:right}
.employee-page .device-table td:nth-child(3){direction:ltr}
.employee-page .device-table td.device-actions{
  min-width:330px;
  white-space:nowrap;
}
.employee-page .device-table .device-actions{
  display:flex;
  flex-flow:row nowrap;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
}
.employee-page .device-table .device-actions form{
  display:inline-flex;
  flex:0 0 auto;
  margin:0;
  white-space:nowrap;
}
.employee-page .device-table .device-actions a,
.employee-page .device-table .device-actions button{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 10px;
  font-size:10px;
  line-height:1;
  white-space:nowrap;
}
.employee-page .device-table .state-badge{font-size:10px;white-space:nowrap}
.employee-page .device-table .muted-cell{font-size:10px;white-space:nowrap}
@media(max-width:760px){
  .employee-page .table-responsive{overflow-x:auto}
  .employee-page .device-table{min-width:1120px}
}