:root{--accent:#4f7cff;--accent2:#9b6cff;--bg:#050816;--panel:rgba(7,20,35,.78);--panel2:rgba(10,29,49,.72);--line:rgba(92,180,239,.20);--line2:rgba(255,255,255,.08);--text:#eef8ff;--muted:#8ea9bd;--success:#35e59a;--danger:#ff5b6e;--shadow:0 24px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{min-height:100%;background:#020812}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#020812}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button-link{cursor:pointer}.muted{color:var(--muted)}
body:before{content:"";position:fixed;inset:0;z-index:-3;background-image:linear-gradient(rgba(0,9,21,.84),rgba(0,7,17,.94)),var(--login-bg-image);background-size:cover;background-position:center;background-attachment:fixed}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 70% 8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 30%),radial-gradient(circle at 92% 80%,color-mix(in srgb,var(--accent2) 13%,transparent),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.12),transparent 30%)}
body.bg-grid:after{background-image:linear-gradient(rgba(0,161,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,161,255,.04) 1px,transparent 1px),radial-gradient(circle at 78% 12%,rgba(0,170,255,.22),transparent 30%);background-size:32px 32px,32px 32px,auto}body.bg-midnight:after{background:radial-gradient(circle at 75% 10%,rgba(0,85,155,.17),transparent 30%),linear-gradient(145deg,rgba(0,0,0,.12),rgba(0,9,24,.34))}body.bg-aurora:after{background:radial-gradient(ellipse at 80% 5%,rgba(0,204,255,.20),transparent 36%),radial-gradient(ellipse at 30% 110%,rgba(53,93,255,.18),transparent 42%)}
.eyebrow{font-size:10px;letter-spacing:.21em;text-transform:uppercase;font-weight:900;color:var(--accent2)}.eyebrow.dark{color:var(--accent2)}
.alert,.success{padding:13px 15px;border-radius:11px;margin:14px 0;font-size:13px;border:1px solid}.alert{background:rgba(255,63,89,.10);border-color:rgba(255,91,110,.34);color:#ffb5c0}.success{background:rgba(53,229,154,.10);border-color:rgba(53,229,154,.30);color:#9df6cd}
label{display:block;font-size:12px;font-weight:760;color:#a9bfd0;margin:14px 0 6px}input,textarea,select{width:100%;border:1px solid rgba(98,174,226,.24);background:rgba(2,12,24,.74);color:#edf8ff;border-radius:10px;padding:12px 13px;outline:none;transition:.18s}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 72%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}input[type=color]{height:47px;padding:5px}input[type=file]{padding:10px}.field-help{display:block;color:#6f8ca2;font-size:11px;margin-top:6px;font-weight:500}.check-row{display:flex;gap:9px;align-items:center}.check-row input{width:auto}button,.button-link{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--accent) 52%,#16496f);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 21%,#102a42),rgba(5,28,49,.82));color:#eaf8ff;border-radius:10px;padding:11px 15px;font-weight:800;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(0,145,255,.08);transition:.18s}button:hover,.button-link:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 18%,transparent)}button.danger,.danger{border-color:rgba(255,91,110,.38);background:rgba(119,22,37,.55);color:#ffd6dd}.secondary-button{margin-top:10px;width:100%}

/* Login */
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.1fr) minmax(420px,.9fr);position:relative}.brand-panel{min-height:100vh;padding:70px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid rgba(84,164,219,.18);background:linear-gradient(135deg,rgba(2,10,20,.46),rgba(0,20,38,.14))}.brand-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(0,173,255,.18),transparent 30%),linear-gradient(120deg,rgba(0,0,0,.12),transparent 46%)}.brand-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,9,19,.08),rgba(1,8,17,.72))}.brand-lockup,.brand-copy,.security-note{position:relative;z-index:1}.brand-lockup{display:flex;align-items:center;gap:18px}.brand-logo{display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}.brand-lockup .brand-logo{width:245px;height:132px;justify-content:flex-start}.brand-name{font-size:18px;font-weight:900;letter-spacing:.18em}.brand-sub{font-size:10px;letter-spacing:.34em;color:var(--accent2);font-weight:900;margin-top:5px}.brand-copy{margin:auto 0 80px;max-width:710px}.brand-copy h1{font-size:64px;line-height:.96;letter-spacing:-.055em;margin:16px 0 20px;text-shadow:0 12px 40px rgba(0,0,0,.5)}.brand-copy p{font-size:17px;line-height:1.65;color:#b5ccdc;max-width:650px}.security-note{display:flex;gap:13px;align-items:flex-start;border:1px solid rgba(75,174,236,.18);background:rgba(4,20,35,.65);backdrop-filter:blur(16px);padding:16px 18px;border-radius:13px;max-width:600px}.security-note span{color:var(--accent);font-size:18px}.security-note b,.security-note small{display:block}.security-note small{color:#7997ac;font-size:11px;line-height:1.45;margin-top:3px}.login-panel{display:grid;place-items:center;padding:50px;position:relative;background:rgba(1,7,16,.72);backdrop-filter:blur(12px)}.login-card{width:min(460px,100%);border:1px solid rgba(78,175,237,.20);border-radius:22px;padding:34px;background:linear-gradient(180deg,rgba(8,27,46,.90),rgba(2,13,26,.88));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.04)}.login-card h2{font-size:34px;letter-spacing:-.04em;margin:8px 0 7px}.login-card button{width:100%;margin-top:6px;padding:13px 16px}.login-links{display:flex;justify-content:space-between;margin-top:16px;font-size:12px}.login-links a{color:#8dcaef}.help{margin-top:22px;padding-top:18px;border-top:1px solid var(--line2);font-size:11px;color:#718da3}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:20px}.mobile-brand .brand-logo{width:92px;height:54px}.login-panel footer{position:absolute;bottom:22px;color:#567289;font-size:10px}

/* App shell */
.portal{min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:278px;padding:18px 12px 16px;border-right:1px solid rgba(73,160,218,.22);background:linear-gradient(180deg,rgba(1,13,27,.97),rgba(1,10,21,.95));backdrop-filter:blur(20px);display:flex;flex-direction:column;box-shadow:18px 0 50px rgba(0,0,0,.22)}.side-brand{display:flex;justify-content:center;align-items:center;padding:0 4px 4px}.side-logo{width:235px;height:126px}.side-kicker{text-align:center;color:var(--accent2);font-size:9px;letter-spacing:.34em;font-weight:900;margin:-9px 0 15px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-link{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:8px;color:#b8cbd8;font-size:13px;border:1px solid transparent;transition:.15s}.side-link>span{width:22px;text-align:center;color:#a9c8dc;font-size:17px}.side-link:hover,.side-link.active{background:linear-gradient(90deg,rgba(0,159,242,.24),rgba(0,87,140,.10));border-color:rgba(0,183,255,.38);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.side-link.active>span{color:var(--accent2)}.side-section{margin-top:18px;border-top:1px solid var(--line2);padding-top:15px;display:flex;flex-direction:column;gap:4px}.side-section>span{font-size:9px;letter-spacing:.16em;color:#668399;font-weight:900;padding:0 13px 7px}.custom-link{font-size:11px;padding:8px 13px}.side-user{margin-top:auto;border:1px solid rgba(73,160,218,.21);background:rgba(7,25,42,.76);border-radius:12px;padding:12px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:10px}.side-user b,.side-user small,.side-user em{display:block}.side-user b{font-size:12px}.side-user small{color:#8aa6ba;font-size:10px;margin-top:2px}.side-user em{font-style:normal;color:#31db91;font-size:9px;margin-top:4px}.side-gear{color:#9eb7c8}.avatar,.avatar-photo{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0c609c,#0a2842);border:1px solid rgba(94,192,255,.45);color:#fff;font-weight:900;overflow:hidden}.avatar-photo img{width:100%;height:100%;object-fit:cover}.side-avatar{width:42px;height:42px}.side-logout{margin-top:9px}.side-logout button{width:100%;background:rgba(4,20,35,.76);border-color:rgba(75,165,224,.30);box-shadow:none;padding:9px}.topbar{position:fixed;z-index:20;left:278px;right:0;top:0;height:66px;padding:0 26px;border-bottom:1px solid rgba(73,160,218,.17);background:rgba(1,11,23,.80);backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center}.topbar>div:first-child b,.top-kicker{display:block}.topbar>div:first-child b{font-size:13px;letter-spacing:.09em}.top-kicker{color:#6f8da3;font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:3px}.top-actions{display:flex;gap:8px;align-items:center}.top-action{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(83,175,235,.18);background:rgba(5,24,41,.55);color:#a8c9df}.top-avatar{width:30px;height:30px}.top-action:has(.top-avatar){border:0;background:transparent;width:auto}.portal-main{margin-left:278px;padding:92px 28px 42px;min-height:100vh;max-width:1800px}.portal-footer{margin-left:278px;border-top:1px solid rgba(73,160,218,.15);padding:18px 28px;color:#648196;font-size:10px;background:rgba(1,10,21,.54)}

/* Dashboard */
.dashboard-hero,.owner-hero{position:relative;overflow:hidden;border:1px solid rgba(70,170,235,.23);background:linear-gradient(110deg,rgba(4,22,38,.92),rgba(2,13,26,.70));border-radius:16px;padding:28px 30px;box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03)}.dashboard-hero:after,.owner-hero:after{content:"";position:absolute;right:-60px;top:-150px;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(0,177,255,.24),transparent 62%);filter:blur(2px)}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:25px}.dashboard-hero h1,.owner-hero h1{font-size:42px;letter-spacing:-.045em;margin:7px 0 8px}.dashboard-hero p,.owner-hero p{margin:0;color:#9eb7c8;line-height:1.55;max-width:750px}.dashboard-hero p b{color:#e9f8ff}.owner-badge{display:inline-flex;margin-top:14px;padding:5px 9px;border-radius:6px;border:1px solid rgba(0,184,255,.35);background:rgba(0,146,224,.13);color:#8ee0ff;font-size:9px;letter-spacing:.12em;font-weight:900}.hero-profile{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(73,162,220,.23);background:rgba(4,20,35,.63);border-radius:12px;min-width:260px}.hero-avatar{width:52px;height:52px}.hero-profile b,.hero-profile small{display:block}.hero-profile small{color:#7995a9;font-size:10px;margin-top:3px}.dashboard-stats,.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.dashboard-stats article,.metric-grid article{min-height:83px;border:1px solid rgba(63,161,225,.25);background:linear-gradient(180deg,rgba(8,29,48,.82),rgba(5,21,36,.76));border-radius:11px;padding:15px 17px;display:flex;align-items:center;gap:14px;box-shadow:inset 0 -1px 0 rgba(0,184,255,.16)}.dashboard-stats article>span,.metric-grid article>span{font-size:26px;color:var(--accent)}.dashboard-stats b,.metric-grid b{font-size:25px;display:block}.dashboard-stats small,.metric-grid small{font-size:10px;color:#8ba4b6}.metric-grid em{display:block;font-style:normal;color:#6f8ba0;font-size:9px;margin-top:2px}.dashboard-columns{display:grid;grid-template-columns:1.25fr .95fr;gap:14px;align-items:start}.owner-columns{grid-template-columns:1.3fr .9fr}.dashboard-panel,.editor-card,.table-wrap,.info-card{border:1px solid rgba(64,157,219,.23);background:linear-gradient(180deg,rgba(7,25,42,.83),rgba(4,17,31,.80));border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025)}.dashboard-panel{padding:0;margin-bottom:14px;overflow:hidden}.panel-title{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(80,162,216,.16);background:rgba(10,32,51,.48)}.panel-title>span{color:var(--accent);font-size:18px}.panel-title>b{font-size:13px}.panel-title>a{margin-left:auto;color:#55c9ff;font-size:10px;border:1px solid rgba(0,180,255,.30);padding:6px 9px;border-radius:6px}.announcement-row{padding:15px 17px}.announcement-row .tag{display:inline-block;padding:4px 7px;border-radius:5px;background:rgba(0,173,255,.78);font-size:8px;font-weight:900;letter-spacing:.08em;margin-right:8px}.announcement-row small{font-size:9px;color:#748ea2}.announcement-row h3{font-size:16px;margin:9px 0 5px}.announcement-row p{margin:0;color:#a3b9c9;font-size:12px;line-height:1.55}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px}.app-card{min-height:94px;border:1px solid rgba(69,155,212,.22);background:linear-gradient(180deg,rgba(13,42,65,.76),rgba(8,28,46,.73));border-radius:9px;padding:13px;display:flex;align-items:center;gap:11px;transition:.17s}.app-card:hover{border-color:rgba(0,187,255,.56);transform:translateY(-1px);box-shadow:0 0 22px rgba(0,164,255,.10)}.app-icon{width:38px;height:38px;flex:none;border-radius:8px;display:grid;place-items:center;background:rgba(0,166,242,.13);border:1px solid rgba(0,179,255,.26);color:#3dc9ff;font-size:18px}.app-card b,.app-card small{display:block}.app-card b{font-size:12px}.app-card small{font-size:9px;line-height:1.4;color:#7894a8;margin-top:3px}.app-card .arrow{margin-left:auto;color:#4fcaff}.add-card{border-style:dashed;background:rgba(4,20,35,.45)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.quick-action{min-height:72px;border:1px solid rgba(66,155,213,.20);border-radius:9px;background:rgba(12,38,59,.68);display:flex;align-items:center;gap:10px;padding:12px;transition:.16s}.quick-action:hover{border-color:rgba(0,180,255,.5);background:rgba(10,47,73,.76)}.quick-action>span{font-size:21px;color:#24c2ff}.quick-action b{font-size:10px}.add-quick{border-style:dashed}.activity-list{padding:7px}.activity-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:9px;border-bottom:1px solid rgba(255,255,255,.045);border-radius:8px}.activity-row:last-child{border-bottom:0}.activity-icon{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:rgba(0,164,239,.12);color:#38c9ff}.activity-row b,.activity-row small{display:block}.activity-row b{font-size:10px;text-transform:capitalize}.activity-row small{font-size:9px;color:#748da0;margin-top:2px}.activity-row time{font-size:8px;color:#5e7a8e}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.info-card{padding:18px}.info-card h3{font-size:14px;margin:6px 0}.info-card p{color:#8fa8ba;font-size:11px;line-height:1.55}.info-card a{color:#47c9ff;font-size:10px;font-weight:800}

/* Owner */
.owner-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:5px;border:1px solid rgba(64,153,214,.19);background:rgba(2,18,32,.66);border-radius:10px;width:max-content;max-width:100%}.owner-tabs a{padding:7px 10px;border-radius:7px;color:#7896aa;font-size:10px;font-weight:800}.owner-tabs a:hover,.owner-tabs a.active{background:rgba(0,155,234,.16);color:#dcf6ff;border:1px solid rgba(0,179,255,.25)}.owner-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-edit{position:relative;z-index:1;border:1px solid rgba(0,186,255,.38);background:rgba(0,114,181,.18);padding:10px 13px;border-radius:8px;font-size:10px;font-weight:900;white-space:nowrap}.metric-grid article{padding:14px}.metric-grid article>div{min-width:0}.metric-grid b{font-size:22px}.owner-action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:12px}.owner-action-grid a{border:1px solid rgba(66,155,213,.20);background:rgba(11,37,57,.60);border-radius:9px;padding:14px;display:grid;grid-template-columns:32px 1fr;column-gap:9px}.owner-action-grid a>span{grid-row:1/3;color:#35c9ff;font-size:21px}.owner-action-grid b{font-size:11px}.owner-action-grid small{font-size:9px;color:#7690a4;line-height:1.4;margin-top:3px}.owner-note{padding-bottom:15px}.owner-note p{padding:0 15px;color:#8da7b9;font-size:11px;line-height:1.6}.owner-note .button-link{margin-left:15px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:10px 0 16px}.section-head h1{font-size:34px;letter-spacing:-.04em;margin:5px 0 3px}.section-head h2{margin:0}.section-head p{margin:0;font-size:11px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-card{padding:20px}.editor-card h1{font-size:30px;margin:6px 0 14px}.editor-card h2{font-size:15px;margin:0 0 12px}.span-2{grid-column:1/-1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-actions{display:flex;justify-content:flex-end}.bg-preview{height:180px;border-radius:10px;background-size:cover;background-position:center;border:1px solid rgba(72,159,217,.25);margin-bottom:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.asset-preview{border:1px solid rgba(72,159,217,.22);background:rgba(0,7,15,.65);border-radius:10px;margin-bottom:12px}.logo-preview{height:150px;display:grid;place-items:center}.logo-preview img{max-width:90%;max-height:130px;object-fit:contain}.form-card{max-width:760px;margin:0 auto}.inline-back{margin-bottom:14px!important}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:850px}.table-wrap th,.table-wrap td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px;vertical-align:middle}.table-wrap th{color:#66859b;font-size:8px;letter-spacing:.12em;text-transform:uppercase;background:rgba(7,27,45,.62)}.table-wrap td b,.table-wrap td small{display:block}.table-wrap td small{color:#6f899d;margin-top:3px}.table-wrap code{color:#8bbcd7;font-size:9px}.actions{display:flex;gap:6px}.mini{padding:6px 8px;font-size:9px}.mini-icon{width:30px;height:30px;font-size:14px}.empty-state{padding:20px;color:#66869b;text-align:center;font-size:10px}.empty-state.compact{padding:13px}.status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid rgba(53,229,154,.24);background:rgba(53,229,154,.08);color:#83efbf;font-size:9px;font-weight:800}

/* Profile / utility pages */
.profile-grid{display:grid;grid-template-columns:340px 1fr;gap:14px;max-width:1000px}.profile-card{text-align:center}.profile-photo-wrap{display:flex;justify-content:center;margin:6px 0 12px}.profile-avatar{width:118px;height:118px;font-size:28px;border:2px solid rgba(69,193,255,.55);box-shadow:0 0 35px rgba(0,174,255,.15)}.profile-card h2{font-size:22px;margin:7px 0 2px}.profile-card p{color:#7690a3;margin:0 0 13px;font-size:11px}.profile-details{display:grid;grid-template-columns:130px 1fr;margin:10px 0 18px}.profile-details dt,.profile-details dd{margin:0;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px}.profile-details dt{color:#6f899d}.profile-details dd{font-weight:700}.simple-page{min-height:100vh;padding:64px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.simple-page>.back,.simple-card{width:min(650px,100%)}.back{color:#4ccaff;font-size:11px;font-weight:800;margin-bottom:12px!important}.simple-card{border:1px solid rgba(67,160,222,.25);background:linear-gradient(180deg,rgba(7,26,44,.92),rgba(3,16,29,.91));border-radius:16px;padding:28px;box-shadow:var(--shadow)}.simple-card h1{font-size:31px;letter-spacing:-.04em;margin:7px 0 15px}.simple-card dl{display:grid;grid-template-columns:130px 1fr}.simple-card dt,.simple-card dd{margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px}.simple-card dt{color:#6f899d}.simple-card dd{font-weight:700}.checks{margin-top:15px;border-top:1px solid rgba(255,255,255,.06)}.checks>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px}.checks .ok{color:#69e8ae}.temp-pass{font:800 20px ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(0,0,0,.45);border:1px solid rgba(0,177,255,.24);padding:15px;border-radius:9px;letter-spacing:.04em;margin:18px 0;word-break:break-all}.smtp-status{margin-top:16px;padding:12px;border-radius:9px;border:1px solid rgba(70,157,215,.19);background:rgba(2,16,29,.62)}.smtp-status b,.smtp-status span{display:block}.smtp-status span{color:#6f899d;font-size:9px;margin-top:3px}.smtp-status.ready{border-color:rgba(53,229,154,.24);background:rgba(53,229,154,.07)}.smtp-status.ready b{color:#6ae9ae}

@media(max-width:1200px){.dashboard-columns,.owner-columns{grid-template-columns:1fr}.app-grid{grid-template-columns:repeat(2,1fr)}.dashboard-stats,.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{width:82px;padding:12px 8px}.side-brand{padding-top:8px}.side-logo{width:66px;height:50px}.side-kicker,.side-link:not(.active){font-size:0}.side-link{justify-content:center;padding:10px}.side-link>span{font-size:19px;width:auto}.side-section>span,.side-user>div,.side-gear,.side-logout button{font-size:0}.side-user{grid-template-columns:1fr;padding:8px;justify-items:center}.side-avatar{width:40px;height:40px}.side-logout button:before{content:"↪";font-size:17px}.topbar{left:82px}.portal-main,.portal-footer{margin-left:82px}.login-shell{grid-template-columns:1fr}.brand-panel{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex}.profile-grid{grid-template-columns:1fr}.profile-card{max-width:none}}
@media(max-width:680px){.portal-main{padding:82px 14px 30px}.topbar{padding:0 14px}.dashboard-hero,.owner-hero{padding:22px;align-items:flex-start;flex-direction:column}.dashboard-hero h1,.owner-hero h1{font-size:31px}.hero-profile{width:100%;min-width:0}.dashboard-stats,.metric-grid,.app-grid,.quick-grid,.info-grid,.editor-grid,.two-col,.owner-action-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.section-head h1{font-size:28px}.owner-tabs{width:100%;overflow:auto;flex-wrap:nowrap}.owner-tabs a{white-space:nowrap}.login-panel{padding:24px 16px}.login-card{padding:25px}.side-user{margin-top:auto}}
.staff-cell{display:flex;align-items:center;gap:9px}.table-avatar{width:34px;height:34px;font-size:10px;flex:none}

/* ======================================================================
   Evolve StaffZone v3.1 — Reference dashboard rebuild
   This section intentionally overrides earlier layout rules so upgrades
   from v2/v3 render consistently even when old settings are preserved.
   ====================================================================== */
:root{
  --sidebar-width:270px;
  --topbar-height:72px;
  --sz-bg:#020a13;
  --sz-bg2:#04111d;
  --sz-panel:rgba(6,24,39,.88);
  --sz-panel2:rgba(10,35,55,.90);
  --sz-panel3:rgba(14,43,65,.74);
  --sz-border:color-mix(in srgb,var(--accent) 42%,#17354a);
  --sz-border-soft:rgba(112,186,229,.22);
  --sz-text:#f3f9fd;
  --sz-muted:#91a9ba;
  --sz-cyan:var(--accent);
  --sz-cyan2:var(--accent2);
}
html,body{background:var(--sz-bg)!important;color:var(--sz-text)!important;min-height:100%;}
body{font-size:14px;overflow-x:hidden;background-image:linear-gradient(rgba(0,8,16,.92),rgba(0,8,16,.96)),var(--login-bg-image)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;}
body:before{background:linear-gradient(rgba(0,8,16,.78),rgba(0,8,16,.94)),var(--login-bg-image)!important;background-size:cover!important;background-position:center!important;opacity:1!important;}
body:after{background:radial-gradient(circle at 78% 7%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.05),transparent 55%)!important;}

/* Sidebar */
.sidebar{width:var(--sidebar-width)!important;padding:10px 10px 12px!important;background:linear-gradient(180deg,rgba(2,15,27,.985),rgba(1,10,19,.985))!important;border-right:1px solid rgba(51,152,215,.34)!important;box-shadow:10px 0 35px rgba(0,0,0,.30)!important;}
.side-brand{height:146px!important;padding:3px 5px 0!important;border-bottom:1px solid rgba(90,175,228,.15)!important;margin-bottom:8px!important;}
.side-logo{width:238px!important;height:132px!important;filter:drop-shadow(0 0 16px rgba(0,174,255,.15));}
.side-kicker{display:none!important;}
.side-nav{gap:2px!important;}
.side-link{min-height:38px!important;padding:8px 12px!important;border-radius:7px!important;font-size:13px!important;font-weight:650!important;color:#d2e1eb!important;border:1px solid transparent!important;}
.side-link>span{width:25px!important;font-size:17px!important;color:#d3e6f1!important;}
.side-link:hover,.side-link.active{background:linear-gradient(90deg,rgba(0,164,247,.40),rgba(0,91,146,.20))!important;border-color:rgba(34,188,255,.54)!important;color:#fff!important;box-shadow:inset 3px 0 0 #22c8ff,0 0 18px rgba(0,164,247,.10)!important;}
.side-section{margin-top:18px!important;padding-top:12px!important;border-top:1px solid rgba(110,183,226,.12)!important;}
.side-section>span{font-size:10px!important;letter-spacing:.11em!important;color:#78a2bd!important;padding:0 12px 7px!important;}
.custom-link{font-size:11px!important;min-height:32px!important;padding:6px 12px!important;color:#8fd3ff!important;}
.custom-link>span{font-size:13px!important;color:#35c7ff!important;}
.side-user{border-radius:10px!important;border:1px solid rgba(52,177,245,.30)!important;background:linear-gradient(180deg,rgba(12,37,57,.86),rgba(7,25,40,.92))!important;padding:11px!important;}
.side-user b{font-size:12px!important}.side-user small{font-size:10px!important}.side-user em{color:#30f7a6!important;}
.side-avatar{width:46px!important;height:46px!important;}
.side-logout button{border-radius:7px!important;background:rgba(4,20,34,.82)!important;border-color:rgba(47,175,240,.38)!important;box-shadow:inset 0 0 18px rgba(0,167,255,.04)!important;}

/* Header tools */
.topbar{left:var(--sidebar-width)!important;height:var(--topbar-height)!important;padding:10px 20px!important;background:linear-gradient(180deg,rgba(2,12,22,.74),rgba(2,12,22,.34))!important;border-bottom:0!important;backdrop-filter:blur(10px)!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;pointer-events:none;}
.topbar>*{pointer-events:auto;}
.topbar-label{display:none!important;}
.top-search{height:40px;width:min(340px,30vw);display:flex;align-items:center;gap:8px;border:1px solid rgba(104,180,226,.38);border-radius:18px;background:rgba(3,20,34,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);padding:0 12px;}
.top-search span{color:#9ed9ff;font-size:16px}.top-search input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;color:#dff5ff!important;font-size:12px!important;}
.top-search input::placeholder{color:#91a9ba;}
.top-actions{gap:8px!important;}
.top-action{width:40px!important;height:40px!important;border-radius:12px!important;border-color:rgba(104,180,226,.30)!important;background:rgba(3,20,34,.75)!important;}
.top-clock,.top-weather{height:48px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(116,183,222,.16);padding:0 13px;line-height:1.15;}
.top-clock small,.top-weather small{font-size:9px;color:#7ccfff;}.top-clock b,.top-weather b{font-size:16px;color:#fff;margin-top:3px;}.top-weather{min-width:112px}.top-weather small{color:#9ab4c5;}

/* Main dashboard canvas */
.portal-main{margin-left:var(--sidebar-width)!important;max-width:none!important;padding:86px 20px 20px!important;min-height:calc(100vh - 42px)!important;}
.portal-footer{margin-left:var(--sidebar-width)!important;padding:10px 20px!important;min-height:38px!important;background:rgba(1,10,18,.90)!important;border-top:1px solid rgba(66,160,218,.24)!important;color:#7590a5!important;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.portal-footer:after{content:'Privacy   |   Terms   |   Help   |   StaffZone';white-space:pre;color:#8aa6ba;}

/* Cinematic dashboard banner */
.dashboard-hero{min-height:235px!important;margin:-86px -20px 14px!important;border:0!important;border-bottom:1px solid rgba(33,154,220,.32)!important;border-radius:0!important;padding:76px 32px 30px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background-image:linear-gradient(180deg,rgba(2,12,22,.26),rgba(2,11,20,.56) 62%,rgba(2,10,18,.94)),url('/assets/staffzone-hero.jpg')!important;background-size:cover!important;background-position:center!important;box-shadow:none!important;overflow:hidden!important;}
.dashboard-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,174,255,.03),transparent 48%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 22%,transparent 78%,rgba(0,0,0,.18));pointer-events:none;}
.dashboard-hero>div:first-child{position:relative;z-index:1;max-width:930px;margin:auto;}
.dashboard-hero .eyebrow{font-size:19px!important;letter-spacing:.36em!important;color:#2fc6ff!important;text-shadow:0 0 16px rgba(0,173,255,.26);}
.dashboard-hero h1{font-size:66px!important;line-height:.9!important;letter-spacing:.015em!important;margin:6px 0 7px!important;font-weight:950!important;color:#edf7ff!important;text-transform:uppercase!important;text-shadow:0 4px 0 rgba(0,0,0,.12),0 0 18px rgba(84,187,255,.22),0 10px 30px rgba(0,0,0,.5)!important;}
.dashboard-hero .hero-network{font-size:18px;letter-spacing:.48em;color:#44c9ff;font-weight:750;text-transform:uppercase;}
.dashboard-hero .hero-tagline{font-size:10px;letter-spacing:.32em;color:#49cfff;margin-top:14px;text-transform:uppercase;font-weight:750;}
.hero-profile{display:none!important;}
.owner-badge{display:inline-flex!important;margin-top:9px!important;background:rgba(0,142,225,.20)!important;border-color:rgba(58,192,255,.45)!important;color:#a8e9ff!important;}

/* Owner launch row */
.owner-launch-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px;}
.owner-launch-row .launch-card{min-height:66px;border:1px solid rgba(73,175,236,.38);border-radius:8px;background:linear-gradient(180deg,rgba(16,45,67,.88),rgba(7,29,46,.90));display:flex;align-items:center;gap:13px;padding:11px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.10);transition:.18s;}
.owner-launch-row .launch-card:hover{transform:translateY(-1px);border-color:#28c6ff;box-shadow:0 0 18px rgba(0,174,255,.12);}
.launch-card span{font-size:28px;color:#16c4ff;width:34px;text-align:center}.launch-card b{display:block;font-size:13px}.launch-card small{display:block;color:#a1b7c7;font-size:10px;margin-top:2px;}

/* Stats */
.dashboard-stats,.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 14px!important;}
.dashboard-stats article,.metric-grid article{min-height:80px!important;padding:13px 22px!important;border:1px solid rgba(34,185,255,.40)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(10,32,50,.94),rgba(7,25,39,.94))!important;box-shadow:inset 0 -2px 0 rgba(0,174,255,.10),inset 0 1px 0 rgba(255,255,255,.035)!important;display:flex!important;align-items:center!important;gap:17px!important;}
.dashboard-stats article>span,.metric-grid article>span{font-size:36px!important;min-width:42px!important;text-align:center!important;color:#1dccff!important;text-shadow:0 0 16px rgba(0,184,255,.18)!important;}
.dashboard-stats b,.metric-grid b{display:block!important;font-size:28px!important;line-height:1!important;color:white!important;}
.dashboard-stats small,.metric-grid small{display:block!important;color:#a4b8c7!important;font-size:11px!important;margin-top:5px!important;text-transform:none!important;letter-spacing:0!important;}
.metric-grid em{font-style:normal!important;color:#8ca6b8!important;font-size:9px!important;}

/* Dashboard panels */
.dashboard-columns{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr)!important;gap:14px!important;align-items:start!important;}
.dashboard-columns>div{display:flex!important;flex-direction:column!important;gap:14px!important;}
.dashboard-panel,.info-card,.editor-card,.table-wrap,.simple-card{border:1px solid rgba(43,168,235,.42)!important;background:linear-gradient(180deg,rgba(6,25,40,.94),rgba(5,20,33,.95))!important;border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.13)!important;color:#eef8ff!important;}
.dashboard-panel{padding:12px 14px!important;}
.panel-title{min-height:30px!important;display:flex!important;align-items:center!important;gap:9px!important;border-bottom:1px solid rgba(115,184,224,.13)!important;padding:0 1px 9px!important;margin-bottom:10px!important;}
.panel-title>span{color:#22c8ff!important;font-size:20px!important}.panel-title>b{font-size:14px!important;color:#fff!important;}.panel-title>a{margin-left:auto!important;border:1px solid rgba(0,174,255,.52)!important;border-radius:6px!important;padding:5px 10px!important;color:#40ceff!important;font-size:10px!important;background:rgba(0,116,183,.10)!important;}
.announcement-row{border:1px solid rgba(83,161,207,.18)!important;background:linear-gradient(180deg,rgba(13,41,61,.82),rgba(10,31,48,.78))!important;border-radius:7px!important;padding:12px 14px!important;}
.announcement-row .tag{font-size:9px!important;background:#18bfff!important;color:#002238!important;border-radius:3px!important;padding:3px 7px!important;font-weight:900!important;text-transform:capitalize!important;}.announcement-row>small{font-size:9px!important;color:#9eb5c4!important;margin-left:8px!important;}.announcement-row h3{font-size:14px!important;margin:7px 0 4px!important;}.announcement-row p{font-size:11px!important;line-height:1.45!important;margin:0!important;color:#c0d0db!important;}

.app-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
.app-card{min-height:86px!important;border:1px solid rgba(66,155,208,.25)!important;border-radius:7px!important;background:linear-gradient(180deg,rgba(18,48,70,.92),rgba(12,37,55,.92))!important;padding:10px 9px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:5px!important;position:relative!important;}
.app-card:hover{border-color:#21c4ff!important;transform:translateY(-1px)!important;box-shadow:0 0 18px rgba(0,174,255,.10)!important;}.app-card .app-icon{font-size:22px!important;line-height:1!important;color:#22c7ff!important;width:auto!important;height:auto!important;background:transparent!important;border:0!important;}.app-card b{font-size:10px!important;color:#fff!important;}.app-card small{font-size:9px!important;color:#879fb0!important;margin-top:1px!important;line-height:1.2!important;}.app-card .arrow{display:none!important;}.add-card{border-style:dashed!important;background:rgba(3,22,35,.52)!important;}

.quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
.quick-action{min-height:78px!important;border:1px solid rgba(65,153,205,.22)!important;border-radius:7px!important;background:linear-gradient(180deg,rgba(17,47,69,.90),rgba(11,35,53,.90))!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;padding:9px!important;color:#fff!important;}
.quick-action:hover{border-color:#22c7ff!important;box-shadow:0 0 18px rgba(0,174,255,.10)!important;}.quick-action span{font-size:22px!important;color:#19c6ff!important;}.quick-action b{font-size:10px!important;}
.activity-list{display:flex;flex-direction:column;gap:4px}.activity-row{min-height:42px!important;border:1px solid rgba(79,151,193,.12)!important;background:rgba(9,30,45,.62)!important;border-radius:6px!important;padding:7px 9px!important;display:grid!important;grid-template-columns:32px 1fr auto!important;gap:8px!important;align-items:center!important;}.activity-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(0,174,255,.13);color:#25caff!important}.activity-row b{font-size:10px!important}.activity-row small{display:block!important;font-size:9px!important;color:#8fa8b8!important;margin-top:2px!important}.activity-row time{font-size:9px!important;color:#91a9ba!important;}
.info-grid{display:none!important;}

/* Owner console and editor pages use same glass language */
.owner-tabs{display:none!important;}
.owner-hero{border-radius:8px!important;background:linear-gradient(110deg,rgba(9,36,55,.93),rgba(4,21,35,.94))!important;border-color:rgba(35,184,255,.40)!important;}.owner-hero h1{font-size:36px!important;}.owner-action-grid>a{border-radius:7px!important;background:linear-gradient(180deg,rgba(17,48,70,.90),rgba(10,34,52,.90))!important;border-color:rgba(61,161,218,.24)!important;}.owner-action-grid>a:hover{border-color:#22c7ff!important;}
.section-head h1,.editor-card h1,.simple-card h1{color:#fff!important;}.section-head p,.muted,.editor-card p,.simple-card p{color:var(--sz-muted)!important;}
.editor-card,.simple-card{padding:22px!important;}.editor-card h2{font-size:18px!important;color:#fff!important;margin-top:0!important;}
label{color:#abc0ce!important;}input,textarea,select{background:rgba(2,15,25,.88)!important;border-color:rgba(81,166,218,.32)!important;color:#eef8ff!important;}.asset-preview,.bg-preview{border-color:rgba(60,171,233,.25)!important;background-color:#020b13!important;}
.table-wrap table{color:#e9f5fb!important;}.table-wrap th{background:rgba(8,31,48,.94)!important;color:#8cc8e8!important;}.table-wrap td{border-color:rgba(100,174,216,.12)!important;background:rgba(4,20,32,.78)!important;}.table-wrap code{color:#65d7ff!important;background:rgba(0,143,215,.10)!important;}

/* Login restyle */
.login-shell{background:transparent!important;}.brand-panel{background:linear-gradient(135deg,rgba(2,13,24,.32),rgba(1,10,18,.48))!important;}.login-panel{background:rgba(1,8,15,.76)!important;}.login-card{border-color:rgba(37,183,255,.34)!important;background:linear-gradient(180deg,rgba(8,31,48,.94),rgba(3,18,30,.96))!important;}

/* Responsive */
@media(max-width:1280px){
  :root{--sidebar-width:238px}.side-logo{width:210px!important}.owner-launch-row{grid-template-columns:repeat(3,minmax(0,1fr))}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dashboard-hero h1{font-size:55px!important}.top-search{width:250px}}
@media(max-width:980px){
  :root{--sidebar-width:0px}.sidebar{position:relative!important;width:100%!important;height:auto!important;bottom:auto!important}.side-brand{height:110px!important}.side-logo{height:96px!important}.side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.side-section,.side-user,.side-logout{display:none!important}.topbar{left:0!important;position:sticky!important;top:0!important;background:rgba(2,14,24,.94)!important}.portal-main,.portal-footer{margin-left:0!important}.dashboard-hero{margin:-86px -20px 14px!important;padding-top:105px!important}.dashboard-columns{grid-template-columns:1fr!important}.owner-launch-row,.dashboard-stats,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.portal-footer:after{display:none}}
@media(max-width:640px){
  .top-search{display:none}.top-weather{display:none}.dashboard-hero h1{font-size:40px!important}.dashboard-hero .eyebrow{font-size:12px!important}.dashboard-hero .hero-network{font-size:12px}.owner-launch-row,.dashboard-stats,.metric-grid{grid-template-columns:1fr!important}.app-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.side-nav{grid-template-columns:1fr}.portal-main{padding-left:10px!important;padding-right:10px!important}.dashboard-hero{margin-left:-10px!important;margin-right:-10px!important}.portal-footer{padding-left:12px!important;padding-right:12px!important}}

/* v3.2 staff onboarding */
.simple-page>.wide-card{width:min(920px,100%)!important}.setup-card{width:min(760px,100%)!important}.setup-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 22px}.setup-summary>div{border:1px solid rgba(43,168,235,.3);background:rgba(2,16,29,.62);padding:14px;border-radius:9px}.setup-summary small,.setup-summary b{display:block}.setup-summary small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#6f899d;margin-bottom:4px}.setup-summary b{color:#eef8ff;word-break:break-word}.setup-expiry{font-size:9px!important;margin-top:18px!important}.simple-card details{margin:14px 0;border:1px solid rgba(43,168,235,.2);border-radius:9px;padding:12px;background:rgba(2,16,29,.48)}.simple-card summary{cursor:pointer;font-weight:800;color:#cceeff}.warn{color:#ffd37a}.ok{color:#69e8ae}@media(max-width:700px){.setup-summary{grid-template-columns:1fr}}

/* v3.3 all-staff email center */
.email-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.email-summary-grid article{min-height:76px;border:1px solid rgba(34,185,255,.34);border-radius:8px;background:linear-gradient(180deg,rgba(10,32,50,.94),rgba(7,25,39,.94));display:flex;align-items:center;gap:15px;padding:13px 18px}.email-summary-grid article>span{font-size:28px;color:#1dccff;min-width:34px;text-align:center}.email-summary-grid b{display:block;font-size:25px;line-height:1;color:#fff}.email-summary-grid small{display:block;color:#9bb1c1;font-size:10px;margin-top:5px}.email-summary-grid .warning-stat{border-color:rgba(255,183,77,.45)}.email-summary-grid .warning-stat>span{color:#ffc46b}.broadcast-card{margin-bottom:14px!important;padding:0!important;overflow:hidden}.broadcast-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid rgba(83,168,221,.17);background:linear-gradient(90deg,rgba(0,174,255,.09),transparent)}.broadcast-head>div{display:flex;align-items:center;gap:12px}.broadcast-head h2{margin:0!important}.broadcast-head p{margin:3px 0 0!important}.email-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(31,194,255,.45);background:rgba(0,174,255,.12);font-size:22px;color:#24c9ff}.smtp-pill{font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid rgba(255,193,92,.35);color:#ffd27a;background:rgba(255,174,0,.08);padding:7px 10px;border-radius:999px}.smtp-pill.ready{border-color:rgba(46,232,163,.35);color:#70efbd;background:rgba(34,204,139,.08)}.broadcast-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:16px;padding:18px}.broadcast-audience{border:1px solid rgba(72,168,224,.22);border-radius:8px;background:rgba(3,18,29,.62);padding:15px}.broadcast-audience h3{margin:0 0 12px;color:#fff}.broadcast-note{border:1px solid rgba(0,174,255,.19);background:rgba(0,118,184,.08);border-radius:7px;padding:11px;margin:12px 0}.broadcast-note b,.broadcast-note span{display:block}.broadcast-note b{font-size:10px;color:#dff6ff;margin-bottom:4px}.broadcast-note span{font-size:9px;line-height:1.45;color:#8ea9ba}.broadcast-send{width:100%;min-height:43px;font-weight:900;background:linear-gradient(90deg,#068de6,#0fbaff)!important;box-shadow:0 0 22px rgba(0,174,255,.18)!important}.email-settings-grid{margin-top:0}.email-settings-grid .editor-card{min-height:100%}@media(max-width:980px){.email-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.broadcast-layout{grid-template-columns:1fr}}@media(max-width:640px){.email-summary-grid{grid-template-columns:1fr}.broadcast-head{align-items:flex-start;flex-direction:column}.broadcast-layout{padding:12px}}

/* v3.4 payroll time clock + live environment */
.timeclock-panel{border-color:rgba(0,190,255,.38)!important}.timeclock-body{padding:14px}.timeclock-status{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid rgba(72,166,224,.17);background:rgba(4,20,34,.55);border-radius:9px}.clock-dot{width:12px;height:12px;border-radius:50%;background:#607586;box-shadow:0 0 0 4px rgba(96,117,134,.08)}.clock-dot.on{background:#20e596;box-shadow:0 0 16px rgba(32,229,150,.55),0 0 0 4px rgba(32,229,150,.08)}.timeclock-status small,.timeclock-status b,.timeclock-status em{display:block}.timeclock-status small{font-size:8px;letter-spacing:.14em;color:#6f91a7;font-weight:900}.timeclock-status b{font-size:16px;margin-top:2px}.timeclock-status em{font-style:normal;color:#83a3b8;font-size:9px;margin-top:3px}.timeclock-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.timeclock-metrics>div{padding:10px;border-radius:8px;border:1px solid rgba(70,163,223,.18);background:rgba(9,34,53,.58)}.timeclock-metrics small,.timeclock-metrics b{display:block}.timeclock-metrics small{font-size:8px;color:#7592a6;text-transform:uppercase;letter-spacing:.08em}.timeclock-metrics b{font-size:18px;margin-top:3px}.clock-button{width:100%;padding:11px!important;background:linear-gradient(90deg,#008ee6,#00b9ff)!important;border-color:#38caff!important;font-weight:900!important;letter-spacing:.04em}.clock-button.clock-out{background:linear-gradient(90deg,#9a3045,#d4475d)!important;border-color:#f06b7e!important}.timeclock-error{font-size:10px;color:#ff9eae;border:1px solid rgba(255,92,116,.24);background:rgba(121,28,46,.14);padding:9px;border-radius:7px}.location-privacy{font-size:8px!important;line-height:1.45!important;color:#58778d!important;margin:9px 2px 0!important}.section-actions{display:flex;gap:8px;align-items:center}.section-actions form{margin:0}.section-actions button{height:100%}
@media(max-width:680px){.section-actions{width:100%;flex-direction:column;align-items:stretch}.section-actions a,.section-actions button{width:100%;text-align:center}}

/* v3.5 access control */
.access-denied-page{display:grid;place-items:center;min-height:calc(100vh - 80px);padding:40px}
.access-denied-card{width:min(720px,100%);padding:44px;border:1px solid rgba(51,183,255,.28);border-radius:24px;background:linear-gradient(145deg,rgba(5,19,32,.96),rgba(7,29,48,.94));box-shadow:0 28px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);text-align:center}
.access-denied-card h1{margin:.35rem 0 .8rem;font-size:clamp(2rem,4vw,3.4rem)}
.access-denied-card p{max-width:600px;margin:0 auto 1.4rem;color:#aec2d6;line-height:1.65}
.access-denied-card small{display:block;margin-top:1.2rem;color:#71879c}
.access-denied-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;font-size:34px;color:#72d8ff;background:rgba(0,174,255,.12);border:1px solid rgba(0,174,255,.35);box-shadow:0 0 34px rgba(0,174,255,.15)}
.access-denied-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.access-fieldset{border:1px solid rgba(123,170,207,.22);border-radius:16px;padding:16px;margin:16px 0;background:rgba(4,18,31,.35)}
.access-fieldset legend{padding:0 8px;font-weight:800;color:#dff5ff}
.access-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px 14px}
.access-check-grid .check-row{margin:0;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.025)}
.staff-access-grid{max-height:320px;overflow:auto;padding-right:4px}
.staff-access-grid small{display:block;color:#7890a5;margin-left:25px}
.access-summary{display:grid;gap:7px;padding:14px 16px;border-radius:14px;background:rgba(0,174,255,.065);border:1px solid rgba(0,174,255,.18);margin:14px 0}
.access-summary span{color:#9fb6ca}
.access-pill{display:inline-flex;padding:6px 10px;border:1px solid rgba(0,174,255,.25);background:rgba(0,174,255,.08);border-radius:999px;color:#bfeaff;font-size:12px;font-weight:700}

/* v3.6 employee paystub portal */
.timeclock-links{margin-top:10px}.timeclock-links a{display:inline-flex;align-items:center;gap:6px;color:#6edcff;font-size:10px;font-weight:800;border:1px solid rgba(74,197,255,.28);padding:7px 10px;border-radius:7px;background:rgba(5,37,58,.55)}
.staff-stub-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.button-link.secondary{background:rgba(4,31,48,.65);border:1px solid rgba(76,181,235,.3)}
.staff-paystub{max-width:1050px;margin:0 auto;background:#fff;color:#0a1520;border-radius:14px;overflow:hidden;border:1px solid rgba(69,192,255,.25);box-shadow:0 28px 80px rgba(0,0,0,.32)}.staff-stub-head{display:flex;gap:20px;align-items:center;padding:24px 28px;background:linear-gradient(115deg,#06131f,#0a2337 62%,#201145)}.staff-stub-head img{width:96px;height:66px;object-fit:contain}.staff-stub-head span,.staff-stub-head h1,.staff-stub-head small{display:block}.staff-stub-head span{font-size:10px;letter-spacing:.22em;color:#55d5ff;font-weight:900}.staff-stub-head h1{font-size:27px;margin:3px 0;color:#fff}.staff-stub-head small{color:#b7c9d8}.staff-stub-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 28px;background:#f7fbfe;border-bottom:1px solid #dfe8ef}.staff-stub-meta small,.staff-stub-meta b{display:block}.staff-stub-meta small{font-size:9px;letter-spacing:.1em;color:#728899;text-transform:uppercase;font-weight:900}.staff-stub-meta b{font-size:15px;margin-top:4px}.staff-stub-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;padding:25px 28px}.staff-stub-grid h3{font-size:11px;letter-spacing:.14em;color:#1876a2}.staff-stub-grid table{min-width:0;color:#14202a}.staff-stub-grid th{background:#edf7fd;color:#46677a}.staff-stub-grid td,.staff-stub-grid th{border-color:#e6edf2;font-size:9px}.staff-stub-grid section:nth-child(2) th{background:#f5efff;color:#684c89}.staff-stub-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 28px 25px}.staff-stub-summary>div{border:1px solid #dce9f1;border-radius:10px;padding:14px;background:#f7fbfd}.staff-stub-summary small,.staff-stub-summary b,.staff-stub-summary span{display:block}.staff-stub-summary small{font-size:8px;color:#6d8291;text-transform:uppercase;font-weight:900}.staff-stub-summary b{font-size:23px;margin-top:4px}.staff-stub-summary span{font-size:9px;color:#7d8f9c;margin-top:4px}.staff-stub-summary .net{background:linear-gradient(135deg,#071928,#0d2c43);border-color:#1e9edc;color:#fff}.staff-stub-summary .net small{color:#6fdcff}.staff-stub-summary .net span{color:#91b9cf}.staff-stub-note{margin:0 28px 25px;padding:12px 14px;border-left:3px solid #843cf0;background:#f7f3ff}.staff-stub-note small{font-size:8px;color:#775197;font-weight:900}.staff-stub-note p{margin:5px 0 0;font-size:10px;color:#3f4b55}@media(max-width:900px){.staff-stub-grid,.staff-stub-meta,.staff-stub-summary{grid-template-columns:1fr}.staff-stub-toolbar{align-items:flex-start;flex-direction:column;gap:10px}}


/* v3.7 StaffZone + Payroll v1.3 integration */
html{scroll-behavior:smooth}
#time-clock{scroll-margin-top:92px}
.latest-paystub-card{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:14px;margin:10px 0 12px;padding:12px 14px;border:1px solid rgba(55,188,255,.25);border-radius:9px;background:linear-gradient(110deg,rgba(8,43,66,.88),rgba(12,31,50,.88));color:#eaf8ff;text-decoration:none;transition:.18s ease}
.latest-paystub-card:hover{transform:translateY(-1px);border-color:rgba(68,207,255,.55);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.latest-paystub-card>div small,.latest-paystub-card>div b,.latest-paystub-card>div span{display:block}
.latest-paystub-card small{font-size:7px;letter-spacing:.14em;color:#56cfff;font-weight:900}
.latest-paystub-card b{font-size:13px;margin-top:3px;color:#fff}
.latest-paystub-card span{font-size:8px;margin-top:3px;color:#819eb1}
.latest-paystub-net{text-align:right;min-width:120px}
.latest-paystub-net b{font-size:17px;color:#72e0ff}
.latest-paystub-arrow{font-size:19px!important;color:#31c9ff!important;text-align:right}
.latest-paystub-card.empty{grid-template-columns:1fr 24px}
.paystub-view-main{padding-top:18px!important}
.staff-stub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 auto 14px;max-width:1120px}
.staff-stub-toolbar>div{display:flex;align-items:center;gap:14px}
.paystub-view-label{display:flex;flex-direction:column;gap:1px;border-left:1px solid rgba(69,180,235,.28);padding-left:14px}
.paystub-view-label small{font-size:7px;letter-spacing:.15em;color:#4ccfff;font-weight:900}
.paystub-view-label b{font-size:13px;color:#f2fbff}
.paystub-view-label em{font-size:8px;font-style:normal;color:#7697ab}
.paystub-document-shell{max-width:1120px;margin:0 auto;border:1px solid rgba(55,189,255,.35);border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(7,28,43,.96),rgba(3,17,29,.98));box-shadow:0 24px 60px rgba(0,0,0,.24)}
.paystub-document-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(49,169,231,.25);background:rgba(10,39,59,.92)}
.paystub-document-top span{font-size:10px;font-weight:850;color:#e7f7ff}
.paystub-document-top small{font-size:8px;color:#6f93a9}
.paystub-pdf-frame{display:block;width:100%;height:calc(100vh - 215px);min-height:720px;border:0;background:#eef2f5}
@media(max-width:800px){.latest-paystub-card{grid-template-columns:1fr 22px}.latest-paystub-net{grid-column:1;text-align:left}.staff-stub-toolbar,.staff-stub-toolbar>div,.paystub-document-top{align-items:flex-start;flex-direction:column}.paystub-view-label{border-left:0;padding-left:0}.paystub-pdf-frame{height:75vh;min-height:560px}}

/* v3.8 installable web-app controls */
.install-app-button[hidden]{display:none!important}
.install-app-button{font:inherit;cursor:pointer;color:var(--accent2);border:1px solid rgba(76,195,255,.34);background:rgba(4,28,46,.78)}
.install-app-button:hover{border-color:var(--accent);box-shadow:0 0 22px rgba(0,174,255,.18)}
.installed-webapp .install-app-button{display:none!important}
@media (display-mode: standalone){body{overscroll-behavior:none}.topbar{user-select:none}}

/* v3.9: Windows/device location reliability */
.top-weather.weather-clickable{cursor:pointer;transition:background .18s ease,border-color .18s ease;user-select:none}
.top-weather.weather-clickable:hover,.top-weather.weather-clickable:focus{background:rgba(0,174,255,.08);outline:1px solid rgba(0,174,255,.24);outline-offset:-1px}
.top-weather.weather-clickable:focus-visible{box-shadow:inset 0 0 0 2px rgba(97,214,255,.36)}

/* v4.2 notifications + user preferences */
.notification-action{position:relative}.notification-count{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ff4f67;color:#fff;font-size:8px;font-weight:900;border:2px solid #071624;box-shadow:0 0 18px rgba(255,79,103,.35)}
.notification-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.notification-head-actions form{margin:0}.notification-head-actions button{white-space:nowrap}
.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(68,174,232,.22);border-radius:12px;background:linear-gradient(120deg,rgba(7,27,43,.95),rgba(6,20,33,.95));box-shadow:0 10px 25px rgba(0,0,0,.12)}.notification-card.unread{border-color:rgba(42,196,255,.48);background:linear-gradient(120deg,rgba(8,42,64,.98),rgba(5,24,39,.96));box-shadow:0 0 0 1px rgba(0,174,255,.05),0 12px 30px rgba(0,0,0,.16)}.notification-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(56,197,255,.35);background:rgba(0,174,255,.1);font-size:19px;color:#72ddff}.notification-copy b{font-size:13px;color:#f2fbff}.notification-copy p{margin:5px 0;color:#a4bdcd;font-size:10px;line-height:1.55}.notification-copy small{color:#66879c;font-size:8px}.notification-copy>div{display:flex;gap:8px;align-items:center}.unread-pill{font-size:7px;font-weight:900;letter-spacing:.09em;color:#05131e;background:#58d7ff;padding:3px 6px;border-radius:999px}.notification-actions{display:flex;gap:7px;align-items:center}.notification-actions form{margin:0}.notification-actions button,.notification-actions a{white-space:nowrap}
@media(max-width:760px){.notification-card{grid-template-columns:40px 1fr}.notification-actions{grid-column:2;justify-content:flex-start}.notification-head-actions{width:100%;align-items:stretch}.notification-head-actions>*{flex:1}}

/* v4.3 profile address + mail SSO */
.mail-link-status{display:flex;flex-direction:column;gap:5px;padding:14px 16px;margin:0 0 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(6,18,31,.5)}
.mail-link-status b{color:#ffcf66}.mail-link-status.linked{border-color:rgba(43,211,126,.35);background:rgba(15,64,48,.26)}.mail-link-status.linked b{color:#66e7a5}.mail-link-status span{color:var(--muted,#9fb0c3);font-size:12px;line-height:1.5}

/* StaffZone v4.5 — branded Desktop Update Center */
.desktop-update-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:26px 30px;border:1px solid rgba(0,174,255,.38);border-radius:18px;background:radial-gradient(circle at 15% 10%,rgba(0,174,255,.18),transparent 36%),radial-gradient(circle at 90% 20%,rgba(91,7,204,.18),transparent 32%),linear-gradient(135deg,rgba(4,25,40,.98),rgba(2,13,23,.98));box-shadow:0 18px 55px rgba(0,0,0,.28)}
.desktop-update-hero:after{content:"";position:absolute;inset:auto -80px -150px auto;width:320px;height:320px;border:1px solid rgba(97,214,255,.16);transform:rotate(35deg);border-radius:70px;pointer-events:none}.desktop-update-brand{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.desktop-update-mark{width:76px;height:76px;display:grid;place-items:center;border-radius:20px;border:1px solid rgba(97,214,255,.55);background:linear-gradient(145deg,rgba(0,174,255,.28),rgba(92,7,204,.22));box-shadow:inset 0 0 30px rgba(0,174,255,.12),0 0 32px rgba(0,174,255,.13);font-weight:950;font-size:25px;letter-spacing:-.08em;color:#fff}.desktop-update-brand span,.desktop-card-kicker{display:block;color:#61d6ff;font-size:10px;font-weight:900;letter-spacing:.19em}.desktop-update-brand h1{margin:4px 0 7px;font-size:28px;letter-spacing:-.03em}.desktop-update-brand p{margin:0;color:#9cb2c3;max-width:650px}.desktop-release-badge{position:relative;z-index:1;min-width:180px;padding:16px 20px;border:1px solid rgba(97,214,255,.26);border-radius:14px;background:rgba(4,23,37,.78);text-align:right}.desktop-release-badge small{display:block;color:#7998aa;font-size:9px;font-weight:800;letter-spacing:.12em}.desktop-release-badge b{display:block;margin:3px 0;font-size:26px;color:#fff}.desktop-release-badge span{color:#61d6ff;font-size:10px;font-weight:800}.desktop-update-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.desktop-update-stats article{min-height:118px;padding:17px;border:1px solid rgba(28,100,137,.45);border-radius:15px;background:linear-gradient(180deg,rgba(7,31,49,.96),rgba(5,24,39,.96))}.update-stat-icon{float:right;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(0,174,255,.12);color:#55cfff;font-weight:900}.desktop-update-stats small,.desktop-update-stats b,.desktop-update-stats em{display:block}.desktop-update-stats small{color:#7e9bae;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.desktop-update-stats b{margin:8px 0 3px;font-size:20px}.desktop-update-stats em{font-style:normal;color:#86a1b4;font-size:10px}.desktop-update-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.desktop-publish-card,.desktop-current-card{border:1px solid rgba(26,94,132,.52);border-radius:17px;background:linear-gradient(180deg,rgba(5,26,42,.97),rgba(3,19,32,.98));padding:24px}.desktop-publish-card h2,.desktop-current-card h2{margin:5px 0 7px}.desktop-publish-card>p{margin:0 0 20px;color:#91a9ba}.desktop-upload-box{padding:16px;border:1px dashed rgba(97,214,255,.42);border-radius:12px;background:rgba(0,174,255,.04)}.desktop-upload-box>span{display:block;font-weight:800;margin-bottom:7px}.desktop-required-note{display:flex;gap:12px;align-items:center;margin:16px 0;padding:14px;border:1px solid rgba(255,184,77,.25);border-radius:12px;background:rgba(255,155,35,.06)}.desktop-required-note>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:rgba(255,173,51,.15);color:#ffc068;font-weight:900}.desktop-required-note b,.desktop-required-note small{display:block}.desktop-required-note small{margin-top:2px;color:#a9b8c5}.desktop-publish-button{width:100%;min-height:46px;font-weight:900;letter-spacing:.03em}.desktop-version-orbit{display:grid;place-items:center;min-height:180px;margin:20px 0;border:1px solid rgba(97,214,255,.28);border-radius:50%;background:radial-gradient(circle,rgba(0,174,255,.13),rgba(0,174,255,.02) 55%,transparent 70%);box-shadow:inset 0 0 35px rgba(0,174,255,.05)}.desktop-version-orbit span,.desktop-version-orbit small{color:#6dcff5;font-size:9px;font-weight:900;letter-spacing:.18em}.desktop-version-orbit b{font-size:34px}.desktop-current-list{display:grid;gap:9px}.desktop-current-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(37,89,116,.32)}.desktop-current-list span{color:#8ba5b7;font-size:11px}.desktop-current-list b{font-size:11px;color:#e8f6ff}.desktop-release-notes{margin-top:17px;padding:14px;border:1px solid rgba(26,94,132,.35);border-radius:11px;background:rgba(3,14,24,.55)}.desktop-release-notes small{color:#61d6ff;font-size:9px;font-weight:900;letter-spacing:.12em}.desktop-release-notes p{color:#a7bdcc;font-size:11px;line-height:1.55}.desktop-package-button{display:block;margin-top:16px;text-align:center}.desktop-sha{display:block;margin-top:12px;color:#6f8b9e;line-height:1.5;word-break:break-all}.desktop-sha code{font-size:9px;color:#91b2c8}@media(max-width:1050px){.desktop-update-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-update-layout{grid-template-columns:1fr}.desktop-update-hero{align-items:flex-start;flex-direction:column}.desktop-release-badge{text-align:left}}

/* v4.6 IT-only StaffZone Desktop device management */
.it-device-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin:0 0 18px;border:1px solid rgba(0,174,255,.38);border-radius:18px;background:linear-gradient(135deg,rgba(5,31,49,.98),rgba(2,17,29,.98));box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)}
.it-device-hero h1,.it-device-detail h1{margin:5px 0 8px;font-size:30px}.it-device-hero p,.it-device-detail p{margin:0;color:#9db8ca;max-width:800px;line-height:1.55}.it-lock-badge{border:1px solid #61d6ff;color:#61d6ff;padding:10px 16px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.16em;white-space:nowrap;background:rgba(0,174,255,.08)}
.it-device-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.it-device-stats article{padding:18px;border:1px solid rgba(0,174,255,.26);border-radius:14px;background:linear-gradient(180deg,rgba(8,36,55,.95),rgba(4,23,37,.95))}.it-device-stats small,.device-version-card small{display:block;color:#79bedf;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.it-device-stats b{display:block;margin:7px 0 4px;font-size:22px;color:#fff}.it-device-stats span{display:block;color:#88a6b9;font-size:11px}.it-device-stats.detail{margin-top:16px}
.it-actions,.it-privacy-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.it-actions h2,.it-privacy-card h2{margin:0 0 7px}.it-actions p,.it-privacy-card p{margin:0;max-width:820px}.it-privacy-card{border-color:rgba(97,214,255,.32)!important;background:linear-gradient(135deg,rgba(5,34,54,.98),rgba(5,23,37,.98))!important}
.device-cell{display:flex;align-items:center;gap:10px}.device-cell small{display:block;color:#7e9aac;margin-top:3px}.device-dot{width:10px;height:10px;border-radius:50%;background:#607687;box-shadow:0 0 0 4px rgba(96,118,135,.1)}.device-dot.online{background:#24d77b;box-shadow:0 0 0 4px rgba(36,215,123,.12),0 0 14px rgba(36,215,123,.45)}
.it-device-detail{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid rgba(0,174,255,.28);border-radius:16px;background:rgba(5,28,44,.92)}.device-version-card{min-width:190px;padding:16px 20px;border:1px solid rgba(97,214,255,.32);border-radius:14px;background:#061a29}.device-version-card b{display:block;font-size:26px;margin:4px 0;color:#fff}.device-version-card span{color:#7faec7;font-size:11px}
@media(max-width:1050px){.it-device-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.it-actions,.it-privacy-card,.it-device-hero,.it-device-detail{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.it-device-stats{grid-template-columns:1fr}}
.desktop-update-mark{overflow:hidden}.desktop-update-mark img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 0 10px rgba(0,174,255,.2))}
.screen-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.screen-view-head h2{margin:4px 0 6px}.screen-view-head p{margin:0;color:#91adbf}.screen-view-card{border-color:rgba(0,174,255,.5);box-shadow:0 0 0 1px rgba(97,214,255,.05),0 18px 50px rgba(0,0,0,.25)}.screen-view-frame{margin:18px 0 10px;min-height:300px;display:grid;place-items:center;border:1px solid rgba(97,214,255,.3);border-radius:12px;overflow:hidden;background:#010913}.screen-view-frame img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#010913}.danger-button{border-color:#ff5373!important;background:rgba(115,24,44,.4)!important;color:#fff!important}.it-support-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.screen-pending{padding:11px 14px;border:1px solid rgba(255,190,80,.28);border-radius:10px;background:rgba(255,174,58,.06)}.screen-pending b,.screen-pending small{display:block}.screen-pending small{margin-top:3px;color:#a8b8c4}.it-device-stats a{color:#61d6ff;text-decoration:none}.it-device-stats a:hover{text-decoration:underline}.table-wrap td small{display:block;margin-top:4px;color:#7f9bae;line-height:1.4}.table-wrap td a{color:#74d9ff;text-decoration:none}.table-wrap td a:hover{text-decoration:underline}
@media(max-width:800px){.screen-view-head{flex-direction:column}.screen-view-frame{min-height:180px}}

/* v4.8 support + top sign-out */
.top-signout-form{margin:0;display:flex;align-items:center}
.top-signout{height:38px;padding:0 14px;border:1px solid rgba(84,200,255,.35);border-radius:10px;background:rgba(6,35,56,.85);color:#eefaff;font-weight:800;cursor:pointer}
.top-signout:hover{border-color:var(--accent2);box-shadow:0 0 18px rgba(0,174,255,.18)}
@media (max-width:1100px){.top-signout{padding:0 9px;font-size:0}.top-signout::before{content:'↪';font-size:16px}}

/* StaffZone 5.0 — cleaner navigation and unified Communications center */
.nav-group{display:grid;gap:2px;margin:0 0 13px}.nav-group:last-child{margin-bottom:0}.nav-group-label{padding:0 12px 5px;color:#5f87a2;font-size:9px;font-weight:900;letter-spacing:.14em}.side-link b{font:inherit;font-weight:800}.side-link{min-height:38px!important;border-radius:8px!important}.side-link.active{background:linear-gradient(90deg,rgba(0,174,255,.19),rgba(0,174,255,.07))!important;border-color:rgba(0,190,255,.46)!important;box-shadow:inset 3px 0 0 #18c7ff,0 0 18px rgba(0,174,255,.08)!important}.side-nav{overflow:auto;padding-right:2px}.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:#0b567f;border-radius:99px}.side-section{margin-top:8px!important}.top-signout{min-width:92px!important}.compact-head{margin-bottom:12px!important}.comm-tabs,.it-tabs{display:flex;gap:8px;margin:0 0 14px;padding:5px;border:1px solid rgba(58,160,221,.22);border-radius:11px;background:rgba(3,19,32,.78);width:max-content;max-width:100%;box-shadow:0 10px 28px rgba(0,0,0,.12)}.comm-tabs a{min-width:170px;padding:10px 13px;border:1px solid transparent;border-radius:8px;display:grid;grid-template-columns:27px 1fr;column-gap:8px;color:#86a3b8}.comm-tabs a>span{grid-row:1/3;color:#24c9ff;font-size:18px;align-self:center}.comm-tabs a b{color:#d8e8f2;font-size:11px}.comm-tabs a small{font-size:9px;color:#6f8da2;margin-top:2px}.comm-tabs a.active,.comm-tabs a:hover,.it-tabs a.active,.it-tabs a:hover{background:rgba(0,174,255,.12);border-color:rgba(0,190,255,.34);color:#fff}.comm-tabs a.active b{color:#fff}.it-tabs a{padding:9px 16px;border-radius:8px;color:#89a6bb;font-size:10px;font-weight:900;border:1px solid transparent}.comm-tab-content{min-height:360px}.comm-panel{border-color:rgba(58,166,229,.25)!important;box-shadow:0 12px 34px rgba(0,0,0,.13)!important}.comm-clean-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:14px}.card-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.card-heading-row h2{margin:4px 0 4px!important}.test-mail-card{display:flex;flex-direction:column;gap:16px}.test-mail-card form{margin-top:auto}.mailbox-panel{max-width:1080px}.provision-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.provision-status-grid>div{border:1px solid rgba(60,160,220,.2);background:rgba(5,25,40,.58);border-radius:8px;padding:13px}.provision-status-grid small,.provision-status-grid b{display:block}.provision-status-grid small{font-size:9px;color:#7896aa;text-transform:uppercase;letter-spacing:.08em}.provision-status-grid b{margin-top:5px;font-size:12px;color:#e8f8ff;overflow-wrap:anywhere}.provision-test-form{max-width:620px;margin-top:14px}.email-summary-grid{margin-top:0!important}
@media(max-width:1050px){.comm-clean-grid{grid-template-columns:1fr}.comm-tabs{width:100%}.comm-tabs a{flex:1;min-width:0}.provision-status-grid{grid-template-columns:1fr}}
@media(max-width:680px){.comm-tabs{display:grid;grid-template-columns:1fr}.comm-tabs a{width:100%}.nav-group-label{display:none}.nav-group{margin-bottom:4px}.top-signout{min-width:auto!important}}

/* StaffZone v5.1 LOA */
.status-pill.warning{border-color:rgba(255,190,70,.32);background:rgba(255,190,70,.10);color:#ffd98b}.status-pill.success{border-color:rgba(53,229,154,.30);background:rgba(53,229,154,.10);color:#9df6cd}.status-pill.danger{border-color:rgba(255,91,110,.34);background:rgba(255,63,89,.10);color:#ffb5c0}.status-pill.muted{border-color:rgba(125,154,177,.24);background:rgba(125,154,177,.08);color:#9bb2c4}.compact-review{min-width:280px;padding:12px;margin-top:8px;background:rgba(1,13,24,.85);border:1px solid rgba(63,168,229,.22);border-radius:10px}.compact-review p{max-width:420px;white-space:normal}.compact-review label{display:block;margin:8px 0}.compact-review textarea,.compact-review select{width:100%}

/* StaffZone 5.2 — branded popup-first support, updates, errors and staff devices */
html.sz-modal-open{overflow:hidden}.side-link-button{width:100%;font:inherit;text-align:left;cursor:pointer}.side-link-button span,.side-link-button b{pointer-events:none}
.sz-modal[hidden]{display:none!important}.sz-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px}.sz-modal-backdrop,.error-popup-dim{position:absolute;inset:0;background:rgba(0,7,14,.82);backdrop-filter:blur(12px)}.sz-modal-card{position:relative;z-index:1;width:min(760px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(38,199,255,.62);border-radius:22px;background:linear-gradient(160deg,#071d2f 0%,#03111d 68%,#041827 100%);box-shadow:0 35px 110px rgba(0,0,0,.74),0 0 44px rgba(0,174,255,.14);color:#f5fbff}.sz-modal-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0baef2,#61d6ff,#5d6cff)}.sz-modal-close{position:absolute;right:16px;top:15px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(111,205,248,.3);background:#071827;color:#eaf9ff;font-size:23px;line-height:1;cursor:pointer;z-index:2}.sz-modal-close:hover{border-color:#61d6ff}.sz-modal-brand{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid rgba(63,177,236,.2);background:linear-gradient(90deg,rgba(0,174,255,.11),transparent 70%)}.sz-modal-brand img,.modal-brand-logo img{width:70px;height:52px;object-fit:contain}.sz-modal-brand .brand-logo{width:70px;height:52px}.sz-modal-brand span{display:block;color:#38c7ff;font-size:9px;font-weight:900;letter-spacing:.2em}.sz-modal-brand b{display:block;margin-top:4px;font-size:18px}.sz-modal-body{padding:28px}.sz-modal-body h2{font-size:30px;margin:7px 0 10px}.sz-popup-message{color:#b7cfde;line-height:1.6;font-size:14px}.sz-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.sz-modal-actions button,.sz-modal-actions a{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.sz-popup-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.sz-popup-meta>div{border:1px solid rgba(42,166,230,.35);border-radius:10px;padding:12px 14px;background:#061725}.sz-popup-meta small{display:block;color:#6e94aa;font-size:9px;letter-spacing:.12em}.sz-popup-meta b{display:block;color:#65d7ff;margin-top:5px;word-break:break-all}.sz-global-popup.is-error .sz-modal-card{border-color:rgba(255,92,119,.55)}.sz-global-popup.is-update .sz-modal-card{border-color:rgba(74,205,255,.72)}.sz-update-version{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:18px 0}.sz-update-version span{padding:14px;border:1px solid rgba(74,190,244,.3);border-radius:11px;background:#061827;color:#85a9bd;font-size:10px;letter-spacing:.08em}.sz-update-version span b{display:block;color:#fff;font-size:20px;margin-top:4px}.sz-update-version strong{font-size:26px;color:#28c8ff}.sz-update-notes,.sz-required-note{margin:14px 0;padding:14px;border-radius:11px;border:1px solid rgba(55,171,231,.25);background:rgba(3,18,30,.7)}.sz-update-notes small{color:#55cfff;font-size:9px;letter-spacing:.12em}.sz-update-notes p,.sz-required-note{color:#9eb8c9;line-height:1.55}.sz-popup-result{margin-top:13px;padding:11px;border-radius:9px;background:rgba(35,207,134,.08);border:1px solid rgba(35,207,134,.25)}
.error-popup-page{overflow:hidden}.error-popup-page .err.sz-error-popup{position:relative;z-index:2;animation:szPop .16s ease-out}.error-popup-page .error-popup-dim{z-index:1}@keyframes szPop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.my-devices-list{display:grid;gap:14px}.my-device-card{border:1px solid rgba(37,181,243,.28);border-radius:15px;background:linear-gradient(160deg,rgba(7,31,48,.96),rgba(3,18,30,.96));padding:18px}.my-device-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.my-device-head>div{display:flex;align-items:center;gap:11px}.my-device-head small{display:block;color:#7898ad;margin-top:4px}.my-device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0}.my-device-grid>div{border:1px solid rgba(49,143,196,.2);border-radius:9px;padding:11px;background:rgba(2,15,25,.58)}.my-device-grid small,.my-device-grid b{display:block}.my-device-grid small{font-size:9px;color:#708da1;text-transform:uppercase;letter-spacing:.08em}.my-device-grid b{margin-top:4px;font-size:12px;color:#e9f8ff}.my-device-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.my-device-actions form{display:flex;align-items:center;gap:7px;margin:0}.my-device-actions input{min-width:190px;margin:0!important}.it-tabs{flex-wrap:wrap}
@media(max-width:760px){.sz-modal{padding:10px}.sz-modal-body{padding:22px 16px}.sz-popup-meta,.my-device-grid{grid-template-columns:1fr}.sz-update-version{grid-template-columns:1fr}.sz-update-version strong{transform:rotate(90deg);justify-self:center}.my-device-head{flex-direction:column}.my-device-actions form{width:100%}.my-device-actions input{min-width:0;flex:1}.sz-modal-actions>*{flex:1}}


/* ======================================================================
   StaffZone v5.3 — Evolve Network blue / purple refresh
   ====================================================================== */
body:after{background:radial-gradient(circle at 72% 6%,color-mix(in srgb,var(--accent2) 24%,transparent),transparent 31%),radial-gradient(circle at 92% 82%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.14),transparent 34%)}
body.bg-grid:after{background-image:linear-gradient(color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent2) 6%,transparent) 1px,transparent 1px),radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--accent2) 24%,transparent),transparent 30%);background-size:32px 32px,32px 32px,auto}
body.bg-midnight:after{background:radial-gradient(circle at 72% 10%,rgba(111,76,255,.24),transparent 34%),radial-gradient(circle at 24% 92%,rgba(65,116,255,.16),transparent 34%),linear-gradient(145deg,rgba(0,0,0,.10),rgba(6,7,30,.42))}
body.bg-aurora:after{background:radial-gradient(ellipse at 80% 5%,rgba(130,92,255,.22),transparent 37%),radial-gradient(ellipse at 30% 110%,rgba(63,113,255,.20),transparent 44%)}
.brand-panel:before{background:radial-gradient(circle at 18% 18%,rgba(105,90,255,.22),transparent 31%),radial-gradient(circle at 74% 80%,rgba(48,106,255,.13),transparent 32%),linear-gradient(120deg,rgba(0,0,0,.12),transparent 46%)}
.side-link:hover,.side-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 24%,transparent),color-mix(in srgb,var(--accent2) 11%,transparent));border-color:color-mix(in srgb,var(--accent2) 42%,transparent);box-shadow:inset 3px 0 0 var(--accent2)}
.owner-tabs a:hover,.owner-tabs a.active{background:color-mix(in srgb,var(--accent) 17%,transparent);color:#f4f2ff;border-color:color-mix(in srgb,var(--accent2) 30%,transparent)}
.app-card:hover,.quick-action:hover{border-color:color-mix(in srgb,var(--accent2) 55%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--accent2) 10%,transparent)}
.app-icon,.activity-icon{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent2) 28%,transparent);color:#b9a7ff}
.owner-action-grid a>span,.quick-action>span,.info-card a,.back{color:#a99aff}
.staff-delete-zone{max-width:1000px;margin-top:14px;border:1px solid rgba(255,91,110,.38)!important;background:linear-gradient(145deg,rgba(66,13,29,.35),rgba(11,10,27,.96))!important;box-shadow:inset 4px 0 0 rgba(255,91,110,.65)}
.staff-delete-zone h2{font-size:20px;margin:5px 0 8px}.staff-delete-zone p{max-width:840px;color:#c6a9b3;line-height:1.6;font-size:11px}.staff-delete-zone form{max-width:650px}.staff-delete-zone .danger-button{margin-top:8px}.danger-text{color:#ff8da0!important}
.actions{flex-wrap:wrap;align-items:center}.actions form{margin:0}

/* ======================================================================
   StaffZone v5.4 base — superseded by v5.5 unified brand below
   ====================================================================== */
:root{
  --sz-bg:#090b12;
  --sz-bg-soft:#0d101a;
  --sz-surface:#111521;
  --sz-surface-2:#151a28;
  --sz-surface-3:#1a2030;
  --sz-border:rgba(255,255,255,.085);
  --sz-border-strong:rgba(130,145,190,.22);
  --sz-text:#f6f7fb;
  --sz-muted:#929cb3;
  --sz-muted-2:#69748c;
  --sz-blue:#5b7cfa;
  --sz-purple:#8b5cf6;
  --sz-blue-soft:rgba(91,124,250,.13);
  --sz-purple-soft:rgba(139,92,246,.12);
  --sz-green:#48d597;
  --sz-red:#ff667a;
  --sz-radius:16px;
  --sz-radius-sm:11px;
  --sz-shadow:0 18px 50px rgba(0,0,0,.28);
  --sidebar-width:264px;
}
html{background:var(--sz-bg)!important;color-scheme:dark}
body{background:var(--sz-bg)!important;color:var(--sz-text)!important;font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,sans-serif!important;letter-spacing:0!important}
body:before{background:linear-gradient(180deg,rgba(9,11,18,.94),rgba(9,11,18,.985)),var(--login-bg-image)!important;background-size:cover!important;background-position:center!important}
body:after{background:radial-gradient(circle at 82% -8%,rgba(91,124,250,.18),transparent 30%),radial-gradient(circle at 14% 106%,rgba(139,92,246,.11),transparent 32%)!important}
body.bg-grid:after,body.bg-midnight:after,body.bg-aurora:after,body.bg-image:after{background:radial-gradient(circle at 82% -8%,rgba(91,124,250,.18),transparent 30%),radial-gradient(circle at 14% 106%,rgba(139,92,246,.11),transparent 32%)!important}

/* Brand system */
.brand-logo img{object-fit:contain!important;filter:none!important}
.side-brand{height:88px!important;justify-content:flex-start!important;padding:12px 14px 14px!important;border-bottom:1px solid var(--sz-border)!important;margin-bottom:12px!important}
.side-logo{width:212px!important;height:58px!important;justify-content:flex-start!important}
.brand-lockup{gap:0!important}.brand-lockup>.brand-logo{width:min(520px,100%)!important;height:112px!important}.brand-lockup>div{display:none!important}
.mobile-brand{gap:0!important}.mobile-brand>.brand-logo{width:196px!important;height:54px!important}.mobile-brand>b{display:none!important}
.sz-modal-brand img,.modal-brand-logo img{width:180px!important;height:52px!important}

/* Sidebar */
.sidebar{width:var(--sidebar-width)!important;padding:0 12px 14px!important;background:rgba(10,12,20,.97)!important;border-right:1px solid var(--sz-border)!important;box-shadow:10px 0 35px rgba(0,0,0,.20)!important;backdrop-filter:blur(24px)!important}
.side-nav{gap:2px!important;padding:0 3px 6px!important;scrollbar-width:thin;scrollbar-color:#2d3549 transparent}
.nav-group{margin:0 0 16px!important;gap:3px!important}.nav-group-label,.side-section>span{padding:0 12px 7px!important;color:#646f87!important;font-size:9px!important;font-weight:800!important;letter-spacing:.15em!important}
.side-link{min-height:42px!important;padding:9px 11px!important;border-radius:10px!important;border:1px solid transparent!important;color:#aeb6c7!important;font-size:12px!important;font-weight:650!important;background:transparent!important;box-shadow:none!important;gap:10px!important}
.side-link>span{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important;color:#7f8aa0!important;font-size:14px!important;transition:.18s!important}
.side-link:hover{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.055)!important;color:#fff!important;transform:none!important}
.side-link:hover>span{color:#bdc8ff!important;background:rgba(91,124,250,.11)!important}
.side-link.active{background:linear-gradient(90deg,rgba(91,124,250,.14),rgba(139,92,246,.07))!important;border-color:rgba(108,129,249,.22)!important;color:#fff!important;box-shadow:inset 3px 0 0 #7186ff!important}
.side-link.active>span{color:#c8d0ff!important;background:rgba(91,124,250,.16)!important}
.side-section{border-top:1px solid var(--sz-border)!important;margin:0 3px 12px!important;padding-top:14px!important}.custom-link{font-size:11px!important}
.side-user{margin:8px 3px 0!important;border:1px solid var(--sz-border)!important;background:#101522!important;border-radius:14px!important;padding:11px!important;grid-template-columns:40px 1fr 26px!important;box-shadow:none!important}.side-user b{font-size:11px!important}.side-user small{font-size:9px!important;color:#7f899f!important}.side-user em{font-size:8px!important;color:#66d6a6!important}.side-avatar{width:40px!important;height:40px!important}.avatar,.avatar-photo{background:linear-gradient(145deg,#3448a4,#6c4fba)!important;border:1px solid rgba(181,193,255,.23)!important;box-shadow:none!important}.side-gear{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#8792a8!important}.side-gear:hover{background:rgba(255,255,255,.05);color:#fff!important}
.side-logout{margin:8px 3px 0!important}.side-logout button{min-height:38px!important;border:1px solid var(--sz-border)!important;background:transparent!important;color:#818ca3!important;border-radius:10px!important;font-size:10px!important;box-shadow:none!important}.side-logout button:hover{color:#fff!important;background:rgba(255,255,255,.035)!important}

/* Header */
.topbar{left:var(--sidebar-width)!important;height:72px!important;padding:0 28px!important;border-bottom:1px solid var(--sz-border)!important;background:rgba(9,11,18,.82)!important;backdrop-filter:blur(24px)!important;box-shadow:none!important}
.topbar-label .top-kicker{color:#737e95!important;font-size:9px!important;letter-spacing:.13em!important;margin-bottom:2px!important}.topbar-label b{font-size:14px!important;letter-spacing:-.01em!important;color:#f5f7fb!important}
.top-search{height:40px!important;width:min(380px,32vw)!important;border:1px solid var(--sz-border)!important;background:#10141f!important;border-radius:12px!important;box-shadow:none!important}.top-search span{color:#7f899e!important}.top-search input{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:11px!important;color:#e8eaf0!important}.top-search input::placeholder{color:#636e83!important}
.top-actions{gap:8px!important}.top-action{width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid var(--sz-border)!important;background:#10141f!important;color:#9ca7bc!important;box-shadow:none!important}.top-action:hover{background:#151a27!important;color:#fff!important;border-color:rgba(119,139,240,.25)!important}.top-clock,.top-weather{border-left:1px solid var(--sz-border)!important;padding-left:12px!important}.top-clock small,.top-weather small{color:#68748b!important;font-size:8px!important}.top-clock b,.top-weather b{font-size:11px!important;color:#e9ecf4!important}.top-signout{border-color:var(--sz-border)!important;background:#10141f!important;color:#a6b0c2!important;box-shadow:none!important}

/* Main canvas */
.portal-main{margin-left:var(--sidebar-width)!important;padding:98px 30px 48px!important;max-width:none!important;min-height:100vh!important}.portal-footer{margin-left:var(--sidebar-width)!important;border-top:1px solid var(--sz-border)!important;background:transparent!important;color:#5e687c!important;padding:20px 30px!important}
.portal-footer:after{display:none!important}
.eyebrow,.eyebrow.dark{color:#8998ff!important;font-size:9px!important;font-weight:800!important;letter-spacing:.17em!important}

/* Dashboard hero */
.dashboard-hero,.owner-hero{min-height:220px!important;padding:34px 38px!important;border:1px solid var(--sz-border)!important;border-radius:22px!important;background:linear-gradient(120deg,#111625 0%,#111521 58%,#171426 100%)!important;box-shadow:var(--sz-shadow)!important;isolation:isolate}
.dashboard-hero:before,.owner-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 68%,rgba(255,255,255,.026) 68% 68.15%,transparent 68.15%),linear-gradient(0deg,transparent 0 70%,rgba(255,255,255,.02) 70% 70.2%,transparent 70.2%);pointer-events:none}
.dashboard-hero:after,.owner-hero:after{right:-85px!important;top:-180px!important;width:500px!important;height:500px!important;background:radial-gradient(circle,rgba(91,124,250,.26),rgba(139,92,246,.08) 45%,transparent 67%)!important;filter:none!important;z-index:-1!important}
.dashboard-hero h1,.owner-hero h1{margin:8px 0 3px!important;color:#f8f9fc!important;font-size:58px!important;line-height:.98!important;font-weight:760!important;letter-spacing:-.055em!important;text-shadow:none!important}.hero-network{font-size:12px!important;font-weight:800!important;letter-spacing:.19em!important;color:#a9b2c7!important;margin-top:11px!important}.hero-tagline{font-size:9px!important;letter-spacing:.18em!important;color:#636f87!important;margin-top:7px!important}.owner-badge{margin-top:17px!important;border:1px solid rgba(126,145,255,.25)!important;background:rgba(91,124,250,.10)!important;color:#aeb9ff!important;border-radius:999px!important;padding:6px 10px!important;font-size:8px!important}
.owner-hero h1{font-size:42px!important}.owner-hero p{color:#919cb2!important;font-size:12px!important;max-width:680px!important}.hero-edit{border:1px solid rgba(132,145,242,.24)!important;background:#171d2d!important;color:#cdd3ff!important;border-radius:11px!important;padding:11px 14px!important;box-shadow:none!important}

/* Launch cards / metrics */
.owner-launch-row{gap:10px!important;margin:14px 0!important}.launch-card{min-height:76px!important;border:1px solid var(--sz-border)!important;border-radius:14px!important;background:#111521!important;box-shadow:none!important;padding:13px!important}.launch-card:hover{transform:translateY(-1px)!important;border-color:rgba(114,135,247,.28)!important;background:#151a28!important}.launch-card>span{width:36px!important;height:36px!important;border-radius:10px!important;background:var(--sz-blue-soft)!important;color:#aeb9ff!important}.launch-card b{font-size:11px!important}.launch-card small{font-size:8px!important;color:#6f7a91!important}
.dashboard-stats,.metric-grid{gap:10px!important;margin:14px 0!important}.dashboard-stats article,.metric-grid article{min-height:88px!important;border:1px solid var(--sz-border)!important;background:#111521!important;border-radius:15px!important;padding:16px!important;box-shadow:none!important}.dashboard-stats article>span,.metric-grid article>span{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:var(--sz-blue-soft)!important;color:#9facff!important;font-size:17px!important}.dashboard-stats b,.metric-grid b{font-size:24px!important;font-weight:720!important}.dashboard-stats small,.metric-grid small{font-size:9px!important;color:#78839a!important}.metric-grid em{color:#5f6a80!important}

/* Panels and cards */
.dashboard-columns{gap:14px!important}.dashboard-panel,.editor-card,.table-wrap,.info-card,.simple-card,.access-denied-card{border:1px solid var(--sz-border)!important;background:#111521!important;border-radius:16px!important;box-shadow:none!important}.dashboard-panel{margin-bottom:14px!important;overflow:hidden!important}.panel-title{min-height:52px!important;padding:0 16px!important;border-bottom:1px solid var(--sz-border)!important;background:#121725!important}.panel-title>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(91,124,250,.09);color:#99a9ff!important;font-size:14px!important}.panel-title>b{font-size:11px!important;font-weight:700!important;color:#f0f2f7!important}.panel-title>a{border:0!important;background:transparent!important;color:#8c9cff!important;font-size:9px!important;padding:7px 0!important}.announcement-row{padding:17px!important}.announcement-row .tag{border-radius:999px!important;background:rgba(139,92,246,.13)!important;color:#c3adff!important;border:1px solid rgba(139,92,246,.18)!important}.announcement-row h3{font-size:15px!important}.announcement-row p{color:#8b96ab!important;font-size:11px!important}
.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;padding:12px!important}.app-card{min-height:92px!important;border:1px solid var(--sz-border)!important;background:#151a28!important;border-radius:13px!important;padding:13px!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:11px!important}.app-card:hover{transform:translateY(-1px)!important;border-color:rgba(116,136,246,.28)!important;background:#181e2d!important;box-shadow:0 12px 26px rgba(0,0,0,.16)!important}.app-card .app-icon{width:40px!important;height:40px!important;border-radius:11px!important;background:var(--sz-blue-soft)!important;border:1px solid rgba(91,124,250,.12)!important;color:#a5b3ff!important;font-size:16px!important}.app-card b{font-size:11px!important}.app-card small{font-size:8px!important;color:#6f7b92!important}.add-card{border-style:dashed!important;background:#101520!important}
.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px!important}.quick-action{min-height:66px!important;border:1px solid var(--sz-border)!important;border-radius:12px!important;background:#151a28!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important;padding:12px!important}.quick-action:hover{border-color:rgba(116,136,246,.28)!important;background:#181e2d!important;box-shadow:none!important}.quick-action>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--sz-purple-soft);color:#bfa9ff!important;font-size:15px!important}.quick-action b{font-size:10px!important}
.activity-list{padding:8px!important;gap:3px!important}.activity-row{min-height:50px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.045)!important;background:transparent!important;border-radius:0!important;padding:8px!important}.activity-row:last-child{border-bottom:0!important}.activity-icon{width:31px!important;height:31px!important;border-radius:9px!important;background:rgba(91,124,250,.09)!important;color:#9dabff!important}.activity-row b{font-size:9px!important}.activity-row small,.activity-row time{color:#6d788e!important}

/* Forms / tables */
.section-head{margin-bottom:14px!important}.section-head h1{font-size:30px!important;letter-spacing:-.035em!important;margin:5px 0!important}.section-head p{font-size:11px!important}.editor-card{padding:20px!important}.editor-card h2{font-size:16px!important;letter-spacing:-.015em!important}.editor-card h3{color:#e9ebf2!important}
label{color:#aab2c3!important;font-size:10px!important;font-weight:700!important}input,textarea,select{border:1px solid var(--sz-border-strong)!important;background:#0d111c!important;color:#f2f4f8!important;border-radius:11px!important;padding:11px 12px!important;box-shadow:none!important}input:focus,textarea:focus,select:focus{border-color:rgba(116,136,246,.62)!important;box-shadow:0 0 0 3px rgba(91,124,250,.10)!important}.field-help{color:#68738a!important}.check-row{color:#9ea7b9!important}
button,.button-link{border:1px solid rgba(115,134,244,.32)!important;background:linear-gradient(180deg,#566fe0,#4358bc)!important;color:#fff!important;border-radius:11px!important;padding:10px 14px!important;box-shadow:0 8px 20px rgba(43,61,149,.18)!important;font-size:10px!important;font-weight:750!important}button:hover,.button-link:hover{transform:translateY(-1px)!important;border-color:rgba(151,165,255,.56)!important;box-shadow:0 10px 26px rgba(49,65,156,.24)!important}.secondary-button{background:#151a28!important;border-color:var(--sz-border)!important;box-shadow:none!important;color:#b9c0d0!important}
button.danger,.danger-button,.danger{background:rgba(94,25,39,.52)!important;border-color:rgba(255,102,122,.28)!important;color:#ffc6cf!important;box-shadow:none!important}.alert{background:rgba(255,102,122,.08)!important;border-color:rgba(255,102,122,.22)!important;color:#ffb8c2!important}.success{background:rgba(72,213,151,.08)!important;border-color:rgba(72,213,151,.20)!important;color:#9de5c1!important}
.table-wrap{overflow:auto!important}.table-wrap table{color:#e8eaf0!important}.table-wrap th{background:#151a28!important;color:#8793aa!important;font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important;border-bottom:1px solid var(--sz-border)!important}.table-wrap td{background:#111521!important;border-color:rgba(255,255,255,.05)!important;color:#cbd1de!important;font-size:10px!important}.table-wrap tr:hover td{background:#141a27!important}.table-wrap code{color:#b7c2ff!important;background:rgba(91,124,250,.08)!important}
.owner-tabs,.comm-tabs,.it-tabs{border:1px solid var(--sz-border)!important;background:#10141f!important;border-radius:12px!important;box-shadow:none!important}.owner-tabs a,.comm-tabs a,.it-tabs a{color:#7f899f!important}.owner-tabs a.active,.owner-tabs a:hover,.comm-tabs a.active,.comm-tabs a:hover,.it-tabs a.active,.it-tabs a:hover{background:rgba(91,124,250,.11)!important;border-color:rgba(91,124,250,.16)!important;color:#e7eaff!important}

/* Login */
.login-shell{grid-template-columns:minmax(520px,1.15fr) minmax(420px,.85fr)!important;background:transparent!important}.brand-panel{padding:58px 64px!important;border-right:1px solid var(--sz-border)!important;background:linear-gradient(135deg,rgba(10,12,20,.42),rgba(10,12,20,.08))!important}.brand-panel:before{background:radial-gradient(circle at 20% 20%,rgba(91,124,250,.17),transparent 31%),radial-gradient(circle at 72% 78%,rgba(139,92,246,.10),transparent 31%)!important}.brand-overlay{background:linear-gradient(180deg,rgba(9,11,18,.04),rgba(9,11,18,.38))!important}.brand-copy{margin:auto 0 64px!important;max-width:700px!important}.brand-copy h1{font-size:62px!important;font-weight:760!important;line-height:1.01!important;letter-spacing:-.055em!important;text-shadow:none!important;margin:14px 0 16px!important}.brand-copy p{font-size:14px!important;line-height:1.7!important;color:#9aa4b8!important;max-width:590px!important}.security-note{border:1px solid var(--sz-border)!important;background:rgba(17,21,33,.72)!important;border-radius:14px!important;padding:14px 16px!important;backdrop-filter:blur(18px)!important}.security-note span{color:#99a8ff!important}.security-note b{font-size:10px!important}.security-note small{color:#6f7a90!important;font-size:9px!important}.login-panel{padding:46px!important;background:rgba(9,11,18,.74)!important;backdrop-filter:blur(18px)!important}.login-card{width:min(430px,100%)!important;border:1px solid var(--sz-border)!important;border-radius:20px!important;padding:32px!important;background:#111521!important;box-shadow:0 28px 70px rgba(0,0,0,.35)!important}.login-card h2{font-size:31px!important;font-weight:740!important;letter-spacing:-.04em!important}.login-card .muted{font-size:11px!important}.login-card button{min-height:44px!important;margin-top:8px!important}.login-links a{color:#98a7ff!important}.help{border-top:1px solid var(--sz-border)!important;color:#69748a!important}.login-panel footer{color:#505a70!important}

/* Staff management + deletion */
.staff-delete-zone{border:1px solid rgba(255,102,122,.20)!important;background:linear-gradient(145deg,rgba(67,20,32,.22),#111521 65%)!important;box-shadow:none!important;border-radius:16px!important}.staff-delete-zone h2{color:#ffe7eb!important}.staff-delete-zone p{color:#a98d96!important}.danger-text{color:#ff8c9c!important}.actions{gap:7px!important}
.status-pill{border-radius:999px!important;font-size:8px!important;padding:5px 8px!important}.status-pill.success{background:rgba(72,213,151,.08)!important;border-color:rgba(72,213,151,.16)!important;color:#8fe0b8!important}.status-pill.warning{background:rgba(245,185,78,.08)!important;border-color:rgba(245,185,78,.16)!important;color:#e8c47d!important}.status-pill.danger{background:rgba(255,102,122,.08)!important;border-color:rgba(255,102,122,.16)!important;color:#f6a2af!important}

/* Modals */
.sz-modal-backdrop,.error-popup-dim{background:rgba(5,7,12,.80)!important;backdrop-filter:blur(10px)!important}.sz-modal-card{border:1px solid var(--sz-border-strong)!important;border-radius:20px!important;background:#111521!important;box-shadow:0 34px 100px rgba(0,0,0,.62)!important}.sz-modal-card::before{height:2px!important;background:linear-gradient(90deg,#5b7cfa,#8b5cf6)!important}.sz-modal-brand{border-bottom:1px solid var(--sz-border)!important;background:#121725!important}.sz-modal-brand span{color:#9ba9ff!important}.sz-modal-body h2{font-size:28px!important}.sz-popup-message{color:#96a1b6!important}.sz-popup-meta>div,.sz-update-notes,.sz-required-note{border-color:var(--sz-border)!important;background:#0e131f!important}.sz-popup-meta b,.sz-update-notes small{color:#a9b5ff!important}

/* Corporate brand on errors */
.error-popup-page .head{background:#101522!important;border-bottom-color:var(--sz-border)!important}.error-popup-page .head img{width:220px!important}.error-popup-page .code{background:rgba(91,124,250,.10)!important;border-color:rgba(91,124,250,.22)!important;color:#b4beff!important}

/* Responsive */
@media(max-width:1180px){
  :root{--sidebar-width:238px}.side-logo{width:190px!important}.top-search{width:270px!important}.dashboard-hero h1{font-size:50px!important}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:980px){
  :root{--sidebar-width:0px}.sidebar{position:relative!important;width:100%!important;height:auto!important;bottom:auto!important;padding-bottom:12px!important}.side-brand{height:82px!important}.side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.side-section,.side-user,.side-logout{display:none!important}.topbar{left:0!important;position:sticky!important;top:0!important}.portal-main,.portal-footer{margin-left:0!important}.dashboard-hero{margin:0!important;padding:28px!important}.dashboard-columns{grid-template-columns:1fr!important}.login-shell{grid-template-columns:1fr!important}.brand-panel{display:none!important}.login-panel{min-height:100vh!important}.mobile-brand{display:flex!important}
}
@media(max-width:680px){
  .topbar{padding:0 14px!important}.top-search,.top-clock,.top-weather{display:none!important}.portal-main{padding:88px 12px 36px!important}.dashboard-hero{min-height:190px!important;padding:24px!important}.dashboard-hero h1{font-size:40px!important}.dashboard-stats,.metric-grid,.owner-launch-row{grid-template-columns:1fr 1fr!important}.app-grid,.quick-grid{grid-template-columns:1fr!important}.side-nav{grid-template-columns:1fr!important}.login-panel{padding:22px!important}.login-card{padding:26px 22px!important}.section-head h1{font-size:25px!important}
}
@media(max-width:430px){.dashboard-stats,.metric-grid,.owner-launch-row{grid-template-columns:1fr!important}.dashboard-hero h1{font-size:35px!important}}

/* =========================================================
   StaffZone v5.5 — Unified Evolve Network crystalline brand
   ========================================================= */
:root{--accent:#168bff;--accent2:#c43cff;--sz-brand-blue:#17a8ff;--sz-brand-violet:#cf3cff}
body:before{background-image:linear-gradient(90deg,rgba(4,8,22,.42) 0%,rgba(5,8,22,.53) 38%,rgba(5,8,22,.74) 68%,rgba(5,8,22,.86) 100%),var(--login-bg-image)!important;background-position:center center!important;background-size:cover!important}
body:after{background:radial-gradient(circle at 73% 10%,rgba(22,139,255,.14),transparent 32%),radial-gradient(circle at 91% 76%,rgba(196,60,255,.13),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.03),transparent 36%)!important}
.brand-lockup{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.brand-lockup .brand-logo{width:min(540px,92%)!important;height:190px!important;justify-content:flex-start!important;overflow:visible!important}.brand-lockup .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important;filter:drop-shadow(0 18px 42px rgba(31,113,255,.16)) drop-shadow(0 14px 40px rgba(190,48,255,.10))}.brand-release{font-size:9px;font-weight:850;letter-spacing:.28em;color:#9ca9bf;border:1px solid rgba(134,150,190,.22);background:rgba(9,14,30,.5);padding:7px 11px;border-radius:999px}.brand-copy h1{max-width:700px!important}.brand-copy p{color:#b1bdd2!important}.security-note{box-shadow:0 18px 50px rgba(0,0,0,.16)!important}
.login-panel{background:linear-gradient(180deg,rgba(7,10,23,.83),rgba(7,10,23,.91))!important}.login-card{background:linear-gradient(180deg,rgba(17,21,42,.94),rgba(11,14,31,.96))!important;border-color:rgba(123,106,255,.30)!important;box-shadow:0 32px 85px rgba(0,0,0,.43),0 0 60px rgba(66,74,255,.06)!important}.login-card:before{content:"";display:block;width:58px;height:3px;border-radius:999px;margin:0 0 22px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 18px rgba(119,82,255,.34)}.mobile-brand .brand-logo{width:210px!important;height:92px!important;justify-content:flex-start!important}.mobile-brand .brand-logo img{object-position:left center!important}
.side-brand{min-height:112px!important;padding:2px 2px 8px!important}.side-logo{width:250px!important;height:104px!important;overflow:visible!important}.side-logo img{object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 12px 26px rgba(33,103,255,.12))}.sidebar{background:linear-gradient(180deg,rgba(5,8,20,.985),rgba(7,9,22,.97))!important;border-right-color:rgba(108,98,255,.20)!important}.side-link:hover,.side-link.active{background:linear-gradient(90deg,rgba(22,139,255,.19),rgba(196,60,255,.07))!important;border-color:rgba(91,113,255,.33)!important}.topbar{background:rgba(7,10,23,.86)!important;border-bottom-color:rgba(122,100,255,.17)!important}
.dashboard-hero{background-image:linear-gradient(90deg,rgba(6,10,25,.83) 0%,rgba(6,10,25,.64) 43%,rgba(7,9,23,.35) 100%),url('/assets/staffzone-hero.jpg')!important;background-position:center right!important;background-size:cover!important;border-bottom-color:rgba(120,91,255,.28)!important}.dashboard-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 44%,var(--accent2));opacity:.82}.dashboard-hero>*,.owner-hero>*{position:relative;z-index:1}
.panel,.dashboard-panel,.app-card,.quick-action,.metric-card,.owner-action-grid>a,.launch-card{border-color:rgba(119,106,255,.18)!important}.app-card:hover,.quick-action:hover,.launch-card:hover{border-color:rgba(92,122,255,.44)!important;box-shadow:0 18px 50px rgba(10,20,65,.28),0 0 32px rgba(158,58,255,.06)!important}
.sz-modal-brand img{width:220px!important;max-height:96px!important;object-fit:contain!important;object-position:left center!important}
.desktop-update-mark img,.modal-brand-logo img{object-fit:contain!important}
.error-popup-page .head img{object-fit:contain!important}
@media(max-width:900px){.side-logo{width:72px!important;height:62px!important}.side-logo img{object-fit:contain!important}.brand-lockup .brand-logo{height:145px!important}.mobile-brand .brand-logo{width:190px!important;height:86px!important}}