:root{--bg:#f8fafd;--panel:#fff;--line:#e7eaf0;--text:#1f1f1f;--muted:#697386;--primary:#0b57d0;--primary2:#eaf2ff;--danger:#b3261e;--shadow:0 12px 40px rgba(17,24,39,.12);--radius:18px;--sidebar:252px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--primary);margin-bottom:10px}.brand-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#0b57d0,#4e8df6);display:grid;place-items:center;color:#fff;font-weight:900;font-size:27px;box-shadow:0 10px 28px rgba(11,87,208,.24)}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:19px}.primary-btn{border:0;background:var(--primary);color:#fff;border-radius:11px;padding:11px 18px;font-weight:700;box-shadow:0 4px 14px rgba(11,87,208,.18)}.primary-btn:hover{filter:brightness(.96)}.primary-btn.full{width:100%;padding:13px}.icon-btn,.text-btn{border:0;background:transparent;color:inherit}.icon-btn{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;font-size:18px}.icon-btn:hover{background:#eef2f7}.text-btn{color:var(--primary);font-weight:700;padding:6px}.danger{color:var(--danger)!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-brand-panel{padding:64px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.28),transparent 30%),linear-gradient(145deg,#0b57d0,#234a9f 55%,#112b61);color:#fff;min-height:100vh}.login-brand-panel .eyebrow{color:#cfe0ff}.login-brand-panel h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.05em;margin:12px 0 20px;max-width:760px}.login-brand-panel p{font-size:18px;opacity:.82;max-width:560px;line-height:1.6}.trust-row{display:flex;gap:10px;flex-wrap:wrap}.trust-row span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px;font-size:12px;background:rgba(255,255,255,.08)}.login-card-wrap{display:grid;place-items:center;padding:40px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:var(--shadow)}.login-card h2{font-size:30px;letter-spacing:-.03em;margin:6px 0 8px}.login-card label,.form-card label,.admin-modal label{display:block;font-size:13px;font-weight:700;margin-top:18px}.login-card input,.form-card input,.admin-modal input{width:100%;border:1px solid #d8dde7;border-radius:11px;padding:12px 13px;margin-top:7px;outline:none;background:#fff}.login-card input:focus,.form-card input:focus,.admin-modal input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,87,208,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:88px}.password-wrap .text-btn{position:absolute;right:7px;top:50%;transform:translateY(-35%)}.login-card .primary-btn{margin-top:24px}.form-error{min-height:20px;color:var(--danger);font-size:13px;margin-top:10px}.login-foot{text-align:center;color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:24px}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh;overflow:hidden}.sidebar{background:#f3f6fb;padding:15px 12px;display:flex;flex-direction:column;min-width:0}.brand-row{display:flex;align-items:center;gap:11px;padding:3px 8px 18px}.brand-row>div:nth-child(2){display:flex;flex-direction:column}.brand-row strong{font-size:17px}.brand-row span{font-size:11px;color:var(--muted)}.sidebar-close{display:none;margin-left:auto}.compose-btn{border:0;background:#c2e7ff;border-radius:16px;padding:15px 20px;margin:2px 4px 16px;text-align:left;font-weight:700;display:flex;gap:10px;align-items:center}.compose-btn span{font-size:22px}.mail-nav,.folder-nav{display:flex;flex-direction:column;gap:2px}.nav-item,.folder-nav button{border:0;background:transparent;border-radius:999px;padding:9px 14px;display:grid;grid-template-columns:26px 1fr auto;text-align:left;align-items:center;color:#343a46}.nav-item.active,.folder-nav button.active{background:#d3e3fd;color:#0b2c55}.nav-item b{font-size:13px}.nav-item em{font-style:normal;font-size:11px;font-weight:800}.folder-head{display:flex;align-items:center;justify-content:space-between;padding:18px 10px 7px;font-size:12px;font-weight:800;color:#5f6b7d;text-transform:uppercase;letter-spacing:.08em}.folder-nav{overflow:auto}.folder-nav button{grid-template-columns:26px 1fr;font-size:13px}.sidebar-bottom{margin-top:auto;padding:12px 8px}.admin-link{color:var(--muted);text-decoration:none;font-size:12px}.main-pane{min-width:0;display:flex;flex-direction:column}.topbar{height:68px;display:flex;align-items:center;gap:10px;padding:10px 18px}.menu-btn{display:none}.search-box{height:48px;background:#edf3fa;border-radius:24px;display:flex;align-items:center;padding:0 14px;gap:8px;max-width:720px;flex:1}.search-box input{border:0;outline:0;background:transparent;flex:1;font-size:15px}.search-box .icon-btn{width:30px;height:30px}.account-menu{margin-left:auto;position:relative}.avatar{width:38px;height:38px;border:0;border-radius:50%;background:#7047a7;color:#fff;font-weight:800}.account-pop{position:absolute;right:0;top:46px;width:245px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:16px;display:none;z-index:30}.account-pop.open{display:flex;flex-direction:column}.account-pop span{font-size:12px;color:var(--muted);margin:3px 0 14px}.account-pop button{border:0;background:#f2f5f9;border-radius:9px;padding:9px}.toolbar{height:55px;padding:4px 20px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.toolbar>div{display:flex;align-items:center;gap:9px}.toolbar h2{font-size:17px;margin:0}.toolbar #resultMeta{font-size:12px;color:var(--muted)}.content-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(380px,44%) 1fr;background:#fff;border-radius:18px 18px 0 0;overflow:hidden;border-top:1px solid var(--line)}.message-list{overflow:auto;border-right:1px solid var(--line)}.message-row{display:grid;grid-template-columns:32px 1fr auto;gap:8px;padding:13px 16px;border-bottom:1px solid #eef1f5;cursor:pointer;align-items:start}.message-row:hover{background:#f7f9fc}.message-row.unread{background:#f5f8ff}.message-row.selected{background:#eaf2ff}.star-btn{border:0;background:transparent;color:#9aa3b2;font-size:18px;padding:2px}.star-btn.on{color:#f7b500}.message-main{min-width:0}.message-top{display:flex;justify-content:space-between;gap:8px}.message-from{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread .message-from,.unread .message-subject{font-weight:800}.message-subject{font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3b4350}.message-date{font-size:11px;color:var(--muted);white-space:nowrap}.message-size{font-size:10px;color:#9ba4b2;text-align:right;margin-top:5px}.reader{overflow:auto;background:#fff;padding:26px 30px}.empty-reader{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-icon{width:70px;height:70px;border-radius:50%;background:#f1f5fb;display:grid;place-items:center;font-size:30px;margin:0 auto}.empty-reader h3{color:#323844;margin:16px 0 5px}.reader-head h1{font-size:24px;line-height:1.25;margin:0 0 16px;letter-spacing:-.02em}.reader-meta{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.sender-avatar{width:40px;height:40px;border-radius:50%;background:#d7e3f8;display:grid;place-items:center;font-weight:800}.reader-meta .meta-lines{display:flex;flex-direction:column;min-width:0}.reader-meta b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-meta span{font-size:11px;color:var(--muted)}.reader-actions{display:flex}.mail-body{padding:24px 0;line-height:1.55;word-break:break-word}.mail-body img{max-width:100%}.plain-mail{white-space:pre-wrap;font:inherit}.attachment-list{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px}.attachment-pill{display:inline-flex;gap:7px;align-items:center;border:1px solid var(--line);padding:8px 11px;border-radius:10px;text-decoration:none;color:var(--text);font-size:12px;background:#fafbfd}.reply-row{display:flex;gap:8px;margin-top:24px}.reply-row button{border:1px solid #ccd3de;background:#fff;border-radius:999px;padding:9px 15px;font-weight:700}.compose-window{position:fixed;right:26px;bottom:0;width:min(580px,calc(100vw - 30px));height:620px;max-height:85vh;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 10px 50px rgba(0,0,0,.28);z-index:100;overflow:hidden}.compose-window.minimized{height:52px}.compose-window>header{height:52px;padding:0 12px 0 16px;background:#eef3fb;display:flex;align-items:center;justify-content:space-between}.compose-window form{height:calc(100% - 52px);display:flex;flex-direction:column}.compose-line{display:grid;grid-template-columns:42px 1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:0 12px}.compose-line span{font-size:12px;color:var(--muted)}.compose-line input,.subject-input{border:0;outline:0;padding:11px 4px}.subject-input{border-bottom:1px solid var(--line);padding:12px 16px}.compose-body{flex:1;border:0;outline:0;resize:none;padding:15px 16px;line-height:1.55}.compose-window footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--line)}.attachment-chips{display:flex;gap:6px;overflow:auto;padding:0 12px}.attachment-chips span{font-size:11px;background:#f1f4f8;padding:5px 8px;border-radius:999px}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:#202124;color:#fff;padding:11px 15px;border-radius:10px;box-shadow:var(--shadow);font-size:13px}.toast.error{background:#8c1d18}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:80}.skeleton-list:before{content:"";display:block;height:70vh;background:repeating-linear-gradient(180deg,#f8fafc 0,#f8fafc 58px,#eef2f6 59px,#eef2f6 60px);animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.45}}
.admin-page{background:#f4f7fb}.admin-login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.admin-login{max-width:440px}.back-link{display:block;text-align:center;margin-top:12px;color:var(--muted);text-decoration:none;font-size:12px}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-side{background:#0d1b2e;color:#fff;padding:18px 12px;display:flex;flex-direction:column}.admin-side .brand-row span{color:#9fb2cf}.admin-side nav{display:flex;flex-direction:column;gap:5px;margin-top:16px}.admin-side nav button,.admin-side-foot button,.admin-side-foot a{border:0;background:transparent;color:#cbd6e8;text-align:left;padding:11px 13px;border-radius:9px;text-decoration:none;font-size:13px}.admin-side nav button.active{background:#17345b;color:#fff}.admin-side-foot{margin-top:auto;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}.admin-main{padding:34px;max-width:1500px;width:100%;margin:auto}.admin-main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-main h1{margin:0;font-size:30px;letter-spacing:-.03em}.admin-loading{padding:12px;background:#fff4ce;border-radius:10px;margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-grid article,.admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 3px 14px rgba(17,24,39,.04)}.stat-grid article{display:flex;flex-direction:column}.stat-grid span{font-size:12px;color:var(--muted)}.stat-grid strong{font-size:34px;margin:6px 0}.stat-grid em{font-style:normal;color:var(--muted);font-size:11px}.admin-card{margin-top:16px}.admin-card h3{margin-top:0}.infra-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.infra-list div{background:#f7f9fc;padding:14px;border-radius:11px;display:flex;flex-direction:column}.infra-list span{font-size:11px;color:var(--muted)}.infra-list b{font-size:13px;margin-top:4px}.table-head{display:flex;align-items:center;justify-content:space-between}.table-head input{border:1px solid var(--line);padding:9px 11px;border-radius:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--line);font-size:13px}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.table-actions button{border:0;background:#eef3fa;border-radius:8px;padding:6px 9px;margin-right:5px}.form-card{max-width:780px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid .wide{grid-column:1/-1}.form-card .primary-btn{margin-top:18px}.form-help{font-size:12px;color:var(--muted);margin-top:10px}.admin-modal{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);width:min(500px,calc(100vw - 30px));background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:18px}.admin-modal header{display:flex;justify-content:space-between;align-items:center}.admin-modal label{margin-top:12px}.admin-modal .primary-btn{margin-top:18px}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.login-card-wrap{min-height:100vh}.mobile-brand{display:flex}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:70;left:0;top:0;bottom:0;width:270px;transform:translateX(-105%);transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.sidebar-close,.menu-btn{display:inline-grid}.content-grid{grid-template-columns:1fr}.reader{position:fixed;z-index:40;left:0;right:0;top:68px;bottom:0;transform:translateX(105%);transition:.2s;padding:20px;background:#fff}.reader.open{transform:translateX(0)}.back-mobile{display:inline-grid}.compose-window{right:10px}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}.admin-main{padding:20px}.stat-grid{grid-template-columns:1fr}.infra-list{grid-template-columns:1fr}}
@media(max-width:600px){.login-card-wrap{padding:16px}.login-card{padding:25px;border-radius:20px}.topbar{padding:8px}.search-box{height:44px}.topbar>#refreshBtn{display:none}.toolbar{padding-left:10px}.message-row{padding:12px 10px}.compose-window{left:0;right:0;width:100%;max-height:none;height:92vh}.reader{padding:15px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.admin-main>header{align-items:flex-start;gap:10px}.admin-main>header .primary-btn{font-size:12px;padding:9px}}

/* KBNC Mail v2 — premium 3D hero */
.premium-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 18%,rgba(126,196,255,.32),transparent 26%),radial-gradient(circle at 82% 70%,rgba(123,85,255,.24),transparent 32%),linear-gradient(145deg,#07172f 0%,#0b57d0 48%,#122d68 100%)}
.premium-hero:before,.premium-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.premium-hero:before{width:440px;height:440px;left:-180px;top:-120px;background:rgba(255,255,255,.08)}.premium-hero:after{width:520px;height:520px;right:-270px;bottom:-260px;background:rgba(105,209,255,.11)}
.hero-top{display:flex;align-items:center;gap:14px;z-index:3}.hero-brand-copy{display:flex;flex-direction:column}.hero-brand-copy strong{font-size:18px;letter-spacing:-.02em}.hero-brand-copy span{font-size:11px;opacity:.68;margin-top:2px}.hero-copy{position:relative;z-index:3;max-width:640px}.premium-hero .hero-copy h1{font-size:clamp(48px,5.2vw,78px);margin:8px 0 18px;line-height:.92}.premium-hero .hero-copy h1 span{background:linear-gradient(90deg,#fff,#bcdcff 58%,#d7c7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-hero .hero-copy p{font-size:16px;max-width:520px}
.mail-3d-stage{position:absolute;right:-1%;top:50%;width:47%;height:58%;min-width:420px;min-height:390px;transform:translateY(-48%);perspective:1000px;transform-style:preserve-3d;z-index:2}.mail-3d-stage:before{content:"";position:absolute;width:62%;height:18%;left:19%;bottom:2%;border-radius:50%;background:rgba(0,0,0,.26);filter:blur(28px);transform:rotateX(70deg)}
.mail-envelope{position:absolute;width:260px;height:178px;left:50%;top:50%;transform:translate(-50%,-48%) rotateX(7deg) rotateY(-12deg) rotateZ(-3deg);transform-style:preserve-3d;animation:mailFloat 5s ease-in-out infinite;filter:drop-shadow(0 30px 30px rgba(0,0,0,.28))}.envelope-back{position:absolute;inset:0;border-radius:18px;background:linear-gradient(145deg,#d8e9ff,#87b7ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.envelope-paper{position:absolute;left:18px;right:18px;top:-73px;height:150px;border-radius:15px;background:rgba(255,255,255,.98);color:#14213b;padding:20px 18px;box-shadow:0 18px 35px rgba(7,23,47,.22);transform:translateZ(18px);animation:paperLift 5s ease-in-out infinite}.envelope-paper span{font-size:10px;letter-spacing:.13em;color:#0b57d0;font-weight:900}.envelope-paper b{display:block;font-size:12px;margin:10px 0 13px}.envelope-paper i{display:block;height:6px;background:#e8eef7;border-radius:999px;margin:7px 0}.envelope-paper i:nth-last-child(1){width:58%}.envelope-front{position:absolute;inset:0;border-radius:18px;overflow:hidden;transform:translateZ(28px)}.envelope-front:before,.envelope-front:after{content:"";position:absolute;bottom:-8px;width:72%;height:120%;background:linear-gradient(135deg,#bcd8ff,#6ba6ff)}.envelope-front:before{left:-19%;transform:skewX(28deg) rotate(4deg)}.envelope-front:after{right:-19%;transform:skewX(-28deg) rotate(-4deg);background:linear-gradient(225deg,#a8cbff,#4f8eea)}
.mail-card{position:absolute;width:175px;height:92px;border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:17px;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.07));backdrop-filter:blur(16px);box-shadow:0 22px 40px rgba(4,18,44,.2);display:flex;flex-direction:column}.mail-card span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#cfe4ff}.mail-card b{font-size:13px;margin-top:8px}.card-back{left:4%;top:12%;transform:rotateY(18deg) rotateZ(-7deg) translateZ(-35px);animation:cardOne 6s ease-in-out infinite}.card-mid{right:2%;bottom:12%;transform:rotateY(-17deg) rotateZ(7deg) translateZ(24px);animation:cardTwo 6.5s ease-in-out infinite}
.shield-badge{position:absolute;right:16%;top:14%;width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#5ee6a8,#1abb78);font-size:24px;font-weight:900;box-shadow:0 18px 35px rgba(0,0,0,.18);animation:badgeFloat 4.8s ease-in-out infinite}.shield-badge span{position:absolute;bottom:7px;font-size:8px;letter-spacing:.12em}
.float-chip{position:absolute;min-width:112px;padding:10px 13px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(8,28,61,.52);backdrop-filter:blur(14px);box-shadow:0 14px 30px rgba(0,0,0,.16);font-size:13px;font-weight:800}.float-chip span{display:block;font-size:8px;font-weight:600;opacity:.64;margin-top:2px;text-transform:uppercase;letter-spacing:.08em}.chip-one{left:3%;bottom:16%;animation:chipFloat 5.3s ease-in-out infinite}.chip-two{right:4%;top:39%;animation:chipFloat 5.8s ease-in-out -1s infinite}
.mail-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(198,226,255,.22);border-radius:50%;transform-style:preserve-3d}.mail-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 18px #8fd0ff}.orbit-one{width:360px;height:210px;margin:-105px 0 0 -180px;transform:rotateX(68deg) rotateZ(12deg);animation:orbitSpin 12s linear infinite}.orbit-two{width:300px;height:300px;margin:-150px 0 0 -150px;transform:rotateY(66deg) rotateZ(-10deg);animation:orbitSpin 16s linear reverse infinite}.orbit-three{width:420px;height:155px;margin:-78px 0 0 -210px;transform:rotateX(74deg) rotateZ(-24deg);animation:orbitSpin 19s linear infinite}.mail-orbit i{left:50%;top:-5px}
.premium-hero .trust-row{position:relative;z-index:3}.premium-hero .trust-row span{display:flex;align-items:center;gap:7px;background:rgba(4,23,53,.25);backdrop-filter:blur(8px)}.premium-hero .trust-row i{width:6px;height:6px;border-radius:50%;background:#61e3a6;box-shadow:0 0 10px rgba(97,227,166,.9)}
.login-card-wrap{position:relative;background:radial-gradient(circle at 82% 14%,rgba(11,87,208,.08),transparent 26%),#f8fafd}.login-card{position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(35,56,88,.13);border-color:rgba(210,220,235,.9)}.login-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0b57d0,#50a7ff,#7254db)}
@keyframes mailFloat{0%,100%{transform:translate(-50%,-48%) rotateX(7deg) rotateY(-12deg) rotateZ(-3deg)}50%{transform:translate(-50%,-57%) rotateX(3deg) rotateY(-5deg) rotateZ(2deg)}}@keyframes paperLift{0%,100%{top:-73px}50%{top:-92px}}@keyframes cardOne{0%,100%{transform:rotateY(18deg) rotateZ(-7deg) translate3d(0,0,-35px)}50%{transform:rotateY(12deg) rotateZ(-3deg) translate3d(8px,-18px,-20px)}}@keyframes cardTwo{0%,100%{transform:rotateY(-17deg) rotateZ(7deg) translate3d(0,0,24px)}50%{transform:rotateY(-10deg) rotateZ(3deg) translate3d(-10px,-16px,38px)}}@keyframes badgeFloat{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-16px) rotate(-3deg)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes orbitSpin{to{transform:rotateX(68deg) rotateZ(372deg)}}
@media(max-width:1220px){.mail-3d-stage{opacity:.72;right:-12%;transform:translateY(-48%) scale(.87)}.premium-hero .hero-copy{max-width:500px}.premium-hero .hero-copy h1{font-size:56px}}@media(max-width:980px){.mail-3d-stage{display:none}}
@media(prefers-reduced-motion:reduce){.mail-envelope,.envelope-paper,.mail-card,.shield-badge,.float-chip,.mail-orbit{animation:none!important}}

/* =========================================================
   KBNC Cloud Edge Mail v3 — customer premium workspace
   ========================================================= */
:root{--kce-blue:#0b57d0;--kce-blue2:#3b82f6;--kce-violet:#6d5ce7;--kce-ink:#172033;--kce-soft:#f5f8fd;--kce-border:#dfe6f1;--kce-card:#fff;--kce-success:#16a46d}
body{transition:background .2s,color .2s}.kce-logo{width:48px;height:48px;position:relative;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#1170f5,#574ee8);box-shadow:0 14px 35px rgba(11,87,208,.3);isolation:isolate;overflow:hidden;flex:0 0 auto}.kce-logo b{color:#fff;font-size:19px;z-index:3}.kce-logo i{position:absolute;width:26px;height:26px;border:1px solid rgba(255,255,255,.32);border-radius:8px;transform:rotate(45deg)}.kce-logo i:nth-child(1){left:-6px;top:-8px}.kce-logo i:nth-child(2){right:-9px;bottom:-5px}.kce-logo i:nth-child(3){width:13px;height:13px;right:7px;top:6px;background:rgba(255,255,255,.14)}.kce-logo.mini{width:38px;height:38px;border-radius:12px}.kce-logo.mini b{font-size:15px}
.login-v3{grid-template-columns:minmax(0,1.55fr) minmax(390px,.72fr)}.login-v3 .premium-hero{padding:42px 52px;background:radial-gradient(circle at 13% 10%,rgba(78,180,255,.35),transparent 25%),radial-gradient(circle at 72% 90%,rgba(119,87,255,.26),transparent 35%),linear-gradient(145deg,#06142d 0%,#073a84 45%,#132b6d 100%)}.login-v3 .hero-copy{max-width:680px;margin-top:clamp(50px,7vh,100px)}.login-v3 .hero-copy h1{font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.05em}.login-v3 .hero-copy p{max-width:570px;font-size:17px;line-height:1.65;color:rgba(255,255,255,.78)}
.cloud-mail-stage{position:absolute;right:2%;top:42%;width:43%;height:43%;min-width:390px;min-height:330px;perspective:950px;transform-style:preserve-3d;pointer-events:none}.stage-glow{position:absolute;left:50%;top:50%;width:280px;height:280px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(91,180,255,.35),rgba(75,90,255,.08) 55%,transparent 70%);filter:blur(4px);animation:pulseGlow 5s ease-in-out infinite}.stage-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(192,224,255,.2);border-radius:50%;transform-style:preserve-3d}.stage-ring.r1{width:360px;height:170px;margin:-85px 0 0 -180px;transform:rotateX(68deg) rotateZ(-10deg);animation:ringMove 15s linear infinite}.stage-ring.r2{width:250px;height:300px;margin:-150px 0 0 -125px;transform:rotateY(65deg) rotateZ(15deg);animation:ringMove2 19s linear infinite}.cloud-core{position:absolute;left:50%;top:50%;width:130px;height:130px;transform:translate(-50%,-50%) translateZ(-50px);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);display:grid;place-items:center;box-shadow:0 35px 70px rgba(0,0,0,.23)}.cloud-core span{font-size:42px}.cloud-core b{position:absolute;bottom:16px;font-size:10px;letter-spacing:.15em}.mail-cube{position:absolute;left:50%;top:50%;width:112px;height:112px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-18deg) rotateY(32deg);animation:cubeFloat 7s ease-in-out infinite}.cube-face{position:absolute;width:112px;height:112px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(201,226,255,.87));color:#0b57d0;font-size:30px;font-weight:900;box-shadow:inset 0 0 25px rgba(78,130,220,.12)}.cube-face.front{transform:translateZ(56px)}.cube-face.back{transform:rotateY(180deg) translateZ(56px)}.cube-face.right{transform:rotateY(90deg) translateZ(56px)}.cube-face.left{transform:rotateY(-90deg) translateZ(56px)}.cube-face.top{transform:rotateX(90deg) translateZ(56px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(56px)}.stage-card{position:absolute;width:175px;padding:14px 16px;border-radius:17px;border:1px solid rgba(255,255,255,.25);background:rgba(6,24,59,.54);backdrop-filter:blur(14px);box-shadow:0 20px 38px rgba(0,0,0,.2);display:flex;flex-direction:column}.stage-card span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#b9d9ff}.stage-card b{font-size:13px;margin-top:5px}.stage-card.sc1{left:-5%;top:5%;transform:rotate(-7deg);animation:stageCard 5.5s ease-in-out infinite}.stage-card.sc2{right:-3%;top:28%;transform:rotate(8deg);animation:stageCard 6.1s ease-in-out -1s infinite}.stage-card.sc3{left:0;bottom:2%;transform:rotate(5deg);animation:stageCard 5.8s ease-in-out -2s infinite}.product-strip{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}.product-strip a{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:13px;border-radius:16px;text-decoration:none;color:#fff;background:rgba(5,25,58,.34);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(12px);transition:.2s}.product-strip a:hover{transform:translateY(-4px);background:rgba(255,255,255,.15)}.product-icon{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-weight:900}.product-strip b{display:block;font-size:12px}.product-strip small{display:block;margin-top:2px;font-size:9px;color:rgba(255,255,255,.64)}.product-strip em{font-style:normal;opacity:.68}.cert-row{position:relative;z-index:5;display:flex;align-items:center;gap:9px;margin-top:13px;color:rgba(255,255,255,.74)}.cert-row span{border:1px solid rgba(255,255,255,.19);background:rgba(5,24,57,.25);border-radius:999px;padding:7px 10px;font-size:9px}.cert-row span b{color:#fff}.cert-row small{font-size:9px}.login-card-v3{padding:38px}.login-card-v3 h2{font-size:31px;letter-spacing:-.04em}.mobile-brand>div:last-child{display:flex;flex-direction:column}.mobile-brand span{font-size:10px;color:var(--muted);margin-top:2px}.login-mini-links{display:flex;gap:16px;justify-content:center;margin-top:16px}.login-mini-links a{font-size:11px;color:var(--kce-blue);text-decoration:none}.login-card-v3 .login-foot{margin-top:24px}
@keyframes cubeFloat{0%,100%{transform:translate(-50%,-50%) rotateX(-18deg) rotateY(32deg) translateY(0)}50%{transform:translate(-50%,-50%) rotateX(-7deg) rotateY(55deg) translateY(-18px)}}@keyframes stageCard{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes pulseGlow{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.7}}@keyframes ringMove{to{transform:rotateX(68deg) rotateZ(350deg)}}@keyframes ringMove2{to{transform:rotateY(65deg) rotateZ(375deg)}}

/* Customer webmail shell */
.mail-app{background:#f6f8fc}.mail-app .app-shell{grid-template-columns:270px minmax(0,1fr)}.sidebar{background:linear-gradient(180deg,#f8faff 0%,#f3f7fd 100%);border-right:1px solid #e4e9f2}.sidebar .brand-row strong{font-size:14px}.sidebar .brand-row span{font-size:9px}.customer-links{display:flex;flex-direction:column;gap:7px;padding:10px}.customer-links a,.customer-links button{border:0;text-decoration:none;color:var(--text);display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:#fff;border:1px solid #e6ebf3;text-align:left}.customer-links b{font-size:11px;display:block}.customer-links small{font-size:8px;color:var(--muted)}.customer-links em{font-style:normal;color:var(--muted)}.topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e8ecf3}.top-drive{height:38px;padding:0 12px;border-radius:12px;display:flex;align-items:center;gap:6px;color:#34506f;text-decoration:none;font-size:12px}.top-drive:hover{background:#eef4fd}.avatar{overflow:hidden}.avatar img,.big-avatar img,.profile-avatar-xl img{width:100%;height:100%;object-fit:cover;display:block}.account-profile{display:flex;gap:12px;align-items:center;padding:8px 6px 14px}.big-avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#0b57d0,#6a55e8);color:white;display:grid;place-items:center;font-size:20px;font-weight:800;overflow:hidden}.account-profile div:last-child{display:flex;flex-direction:column;min-width:0}.account-profile strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-profile span{font-size:10px;color:var(--muted);margin-top:3px}.account-pop a{display:block;padding:9px 10px;text-decoration:none;color:var(--text);font-size:12px;border-radius:8px}.account-pop a:hover{background:#f3f6fb}.toolbar{min-height:57px}.toolbar-title{display:flex;align-items:center;gap:9px;min-width:0}.select-all,.row-check{display:grid;place-items:center;cursor:pointer}.select-all input,.row-check input{position:absolute;opacity:0}.select-all span,.row-check span{width:16px;height:16px;border:1.5px solid #91a0b5;border-radius:4px;background:#fff}.select-all input:checked+span,.row-check input:checked+span{background:#0b57d0;border-color:#0b57d0;box-shadow:inset 0 0 0 3px white}.bulk-actions{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:8px}.bulk-actions span{font-size:11px;color:var(--muted);margin-right:5px}.bulk-actions button,.bulk-actions select{border:0;background:#eef3fb;border-radius:9px;height:34px;padding:0 10px;color:#34506f}.bulk-actions select{max-width:120px}.message-row{grid-template-columns:28px 28px minmax(0,1fr) auto}.row-check{z-index:2}.premium-empty{max-width:520px}.premium-empty>a{display:inline-block;margin-top:12px;color:#0b57d0;text-decoration:none;font-size:12px;font-weight:700}.empty-3d{position:relative;width:170px;height:120px;margin:0 auto 20px;perspective:700px}.mini-cloud{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:65px;filter:drop-shadow(0 18px 18px rgba(11,87,208,.2));animation:miniCloud 4s ease-in-out infinite}.mini-envelope{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) translateZ(40px) rotate(-5deg);width:76px;height:56px;background:linear-gradient(145deg,#fff,#d9eaff);border-radius:13px;display:grid;place-items:center;color:#0b57d0;font-size:24px;box-shadow:0 15px 25px rgba(22,66,134,.24);animation:miniMail 4.4s ease-in-out infinite}.empty-3d i{position:absolute;width:7px;height:7px;border-radius:50%;background:#5aa5ff;box-shadow:0 0 12px #5aa5ff}.empty-3d i:nth-of-type(1){left:10px;top:50%;animation:dotOrbit 4s linear infinite}.empty-3d i:nth-of-type(2){right:15px;top:23%;animation:dotOrbit 5s linear reverse infinite}.empty-3d i:nth-of-type(3){right:30px;bottom:8%;animation:dotOrbit 4.5s linear infinite}.reader h1{letter-spacing:-.03em}.reader-actions{display:flex;gap:3px}.quoted-mail{border-left:3px solid #d7e0ec;padding-left:12px;color:#657083;font-size:12px}.quoted-mail blockquote{margin-left:0}.search-help{position:fixed;z-index:150;right:125px;top:64px;width:290px;background:#fff;border:1px solid #dfe6f1;border-radius:16px;box-shadow:0 20px 55px rgba(30,48,76,.2);padding:16px}.search-help header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.search-help code{display:block;background:#f4f7fb;border-radius:8px;padding:7px 9px;margin:5px 0;font-size:11px;color:#2e4a70}.search-help small{display:block;color:var(--muted);margin-top:9px;font-size:10px}@keyframes miniCloud{50%{transform:translate(-50%,-55%) scale(1.04)}}@keyframes miniMail{50%{transform:translate(-50%,-65%) translateZ(70px) rotate(4deg)}}@keyframes dotOrbit{50%{translate:10px -14px;opacity:.45}}

/* Rich composer */
.compose-window{height:min(690px,86vh);width:min(680px,calc(100vw - 30px));display:flex;flex-direction:column}.compose-window form{display:flex;flex-direction:column;min-height:0;flex:1}.format-toolbar{height:42px;display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--line);padding:4px 8px;background:#fbfcfe;overflow-x:auto;flex:0 0 auto}.format-toolbar button,.signature-tools button{border:0;background:transparent;min-width:31px;height:30px;border-radius:7px;color:#33465f}.format-toolbar button:hover,.signature-tools button:hover{background:#edf2f8}.format-toolbar select{height:30px;border:0;background:transparent;font-size:11px;max-width:105px}.color-tool{position:relative;width:34px;height:30px;display:grid;place-items:center;border-radius:7px;cursor:pointer}.color-tool input{position:absolute;opacity:0;width:1px;height:1px}.color-tool span{font-weight:800;border-bottom:3px solid currentColor}.compose-editor{min-height:190px;flex:1;padding:18px 20px;overflow:auto;outline:none;line-height:1.55;background:#fff}.compose-editor:empty:before,.signature-editor:empty:before{content:attr(data-placeholder);color:#9aa6b6;pointer-events:none}.mail-signature{margin-top:12px;color:inherit}.draft-state{font-size:10px;color:var(--muted);margin-right:8px}

/* Profile and settings */
.settings-backdrop{z-index:170}.settings-panel{position:fixed;z-index:180;right:18px;top:18px;bottom:18px;width:min(920px,calc(100vw - 36px));background:#fff;border:1px solid #dce4f0;border-radius:24px;box-shadow:0 30px 90px rgba(24,42,70,.28);overflow:hidden}.settings-panel>header{height:82px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ebf3}.settings-panel>header h2{margin:2px 0 0;font-size:24px;letter-spacing:-.035em}.settings-layout{display:grid;grid-template-columns:200px minmax(0,1fr);height:calc(100% - 82px)}.settings-nav{padding:16px;border-right:1px solid #e6ebf3;background:#f8fafd}.settings-nav button{width:100%;border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:10px;margin:2px 0;color:#48596f;font-weight:600;font-size:12px}.settings-nav button.active{background:#e5efff;color:#0b57d0}.settings-content{padding:26px 30px;overflow:auto}.settings-tab{max-width:650px}.settings-tab h3{margin:0 0 6px;font-size:21px;letter-spacing:-.025em}.settings-form{margin-top:20px}.settings-form label,.settings-content>section>label{margin-top:14px}.settings-form .primary-btn,.settings-tab>.primary-btn{margin-top:20px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.settings-grid label{margin:0}.settings-grid input,.settings-grid select,.settings-form input,.settings-form select,.settings-form textarea{width:100%;border:1px solid #d8e0ec;border-radius:11px;padding:11px;background:#fff}.profile-hero{display:flex;align-items:center;gap:18px;margin:22px 0;padding:18px;background:linear-gradient(135deg,#f6f9ff,#eef4ff);border:1px solid #dde8f8;border-radius:18px}.profile-avatar-xl{width:96px;height:96px;border-radius:30px;background:linear-gradient(145deg,#0b57d0,#6d55e8);color:#fff;display:grid;place-items:center;font-size:36px;font-weight:800;overflow:hidden;box-shadow:0 18px 35px rgba(11,87,208,.22)}.profile-hero>div:last-child{display:flex;flex-direction:column}.profile-hero>div:last-child>strong{font-size:15px}.profile-hero small{font-size:9px;color:var(--muted);margin-top:6px}.avatar-buttons{display:flex;align-items:center;gap:10px;margin-top:10px}.secondary-btn{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid #ced8e7;border-radius:9px;background:#fff;font-size:11px;font-weight:700;cursor:pointer}.danger-text{color:#b3261e}.switch-line{display:flex!important;gap:12px;align-items:center;padding:13px;border:1px solid #dfe6ef;border-radius:13px}.switch-line input{position:absolute;opacity:0}.switch-line>span{width:38px;height:22px;background:#b7c1cf;border-radius:999px;position:relative;flex:0 0 auto;transition:.2s}.switch-line>span:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.2)}.switch-line input:checked+span{background:#0b57d0}.switch-line input:checked+span:after{left:19px}.switch-line div{display:flex;flex-direction:column}.switch-line b{font-size:12px}.switch-line small{font-size:9px;color:var(--muted);margin-top:2px}.theme-preview{margin-top:20px;height:160px;border:1px solid #dbe3ef;border-radius:18px;display:grid;grid-template-columns:90px 1fr;overflow:hidden;background:#fff;box-shadow:0 15px 28px rgba(36,58,91,.08)}.preview-side{background:#eef4fc}.preview-main{padding:25px}.preview-main i{display:block;height:15px;background:#e6ebf3;border-radius:7px;margin:10px 0}.preview-main i:nth-child(1){width:70%}.preview-main i:nth-child(2){width:95%}.preview-main i:nth-child(3){width:55%}.signature-tools{display:flex;gap:3px;margin-top:8px;border:1px solid #dce4ee;border-bottom:0;border-radius:10px 10px 0 0;padding:4px}.signature-editor{min-height:145px;border:1px solid #dce4ee;border-radius:0 0 10px 10px;padding:14px;outline:none;line-height:1.5}.setting-note{font-size:10px;color:#607087;background:#f6f8fb;border:1px solid #e2e7ef;border-radius:10px;padding:10px;margin-top:12px}

/* Dark/system theme support */
html[data-theme="dark"] body{--bg:#111827;--panel:#182132;--text:#e8eef7;--muted:#98a6ba;--line:#2b3749;--hover:#202d40;background:#111827;color:var(--text)}html[data-theme="dark"] .main-pane,html[data-theme="dark"] .reader,html[data-theme="dark"] .compose-editor,html[data-theme="dark"] .settings-panel,html[data-theme="dark"] .login-card{background:#182132;color:#e8eef7}html[data-theme="dark"] .sidebar,html[data-theme="dark"] .settings-nav{background:#121c2b;border-color:#263346}html[data-theme="dark"] .topbar,html[data-theme="dark"] .toolbar,html[data-theme="dark"] .format-toolbar{background:rgba(24,33,50,.94);border-color:#2b3749}html[data-theme="dark"] .search-box,html[data-theme="dark"] .customer-links a,html[data-theme="dark"] .customer-links button,html[data-theme="dark"] .account-pop,html[data-theme="dark"] .settings-form input,html[data-theme="dark"] .settings-form select,html[data-theme="dark"] .settings-form textarea,html[data-theme="dark"] .settings-grid input,html[data-theme="dark"] .settings-grid select,html[data-theme="dark"] .signature-editor{background:#202b3d;color:#e8eef7;border-color:#344257}html[data-theme="dark"] .message-row{border-color:#2a3547}html[data-theme="dark"] .message-row:hover{background:#202b3d}html[data-theme="dark"] .profile-hero{background:linear-gradient(135deg,#1b2b43,#19253a);border-color:#30445f}html[data-theme="dark"] .mail-body{color:#e8eef7}html[data-theme="dark"] .mail-body a{color:#7db5ff}
@media(prefers-color-scheme:dark){html[data-theme="system"] body{--bg:#111827;--panel:#182132;--text:#e8eef7;--muted:#98a6ba;--line:#2b3749;--hover:#202d40;background:#111827;color:var(--text)}html[data-theme="system"] .main-pane,html[data-theme="system"] .reader,html[data-theme="system"] .compose-editor,html[data-theme="system"] .settings-panel{background:#182132;color:#e8eef7}html[data-theme="system"] .sidebar,html[data-theme="system"] .settings-nav{background:#121c2b;border-color:#263346}html[data-theme="system"] .topbar,html[data-theme="system"] .toolbar,html[data-theme="system"] .format-toolbar{background:rgba(24,33,50,.94);border-color:#2b3749}}
body[data-density="compact"] .message-row{padding-top:7px;padding-bottom:7px}body[data-density="compact"] .message-top{margin-bottom:1px}

/* Responsive webmail + settings */
@media(max-width:1200px){.login-v3{grid-template-columns:1.15fr .85fr}.cloud-mail-stage{right:-10%;opacity:.65;transform:scale(.82)}.product-strip{grid-template-columns:1fr}.product-strip a:nth-child(3){display:none}.login-v3 .hero-copy{max-width:540px}.login-v3 .hero-copy h1{font-size:55px}}
@media(max-width:980px){.login-v3{grid-template-columns:1fr}.login-v3 .login-brand-panel{display:none}.login-v3 .login-card-wrap{min-height:100dvh}.top-drive span{display:none}.settings-panel{inset:0;width:100%;border-radius:0}.settings-layout{grid-template-columns:160px 1fr}.settings-content{padding:22px}.mail-app .app-shell{grid-template-columns:1fr}}
@media(max-width:700px){.top-drive{display:none}.search-box input::placeholder{font-size:0}.search-box input::placeholder:after{content:'Search';font-size:12px}.bulk-actions span{display:none}.bulk-actions button{padding:0 8px}.bulk-actions select{width:75px}.compose-window{inset:auto 0 0 0!important;width:100%;height:94dvh;max-height:none;border-radius:18px 18px 0 0}.settings-layout{display:block}.settings-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e6ebf3;padding:8px}.settings-nav button{width:auto;white-space:nowrap}.settings-content{height:calc(100% - 56px);padding:18px}.settings-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.profile-avatar-xl{width:76px;height:76px;border-radius:23px}.search-help{left:12px;right:12px;top:62px;width:auto}.message-row{grid-template-columns:25px 24px minmax(0,1fr)}.message-size{display:none}.reader-actions{margin-left:auto}.format-toolbar{padding-left:5px}}
@media(max-width:480px){.login-card-v3{padding:25px 20px}.login-card-v3 h2{font-size:28px}.login-mini-links{flex-direction:column;align-items:center;gap:7px}.topbar{gap:4px}.topbar>.icon-btn{width:35px}.search-box{min-width:0}.toolbar{padding-right:6px}.toolbar-title h2{font-size:17px}.toolbar-title #resultMeta{display:none}.profile-hero{flex-direction:column}.avatar-buttons{flex-wrap:wrap}.settings-panel>header{height:72px;padding:0 16px}.settings-panel>header h2{font-size:20px}.settings-layout{height:calc(100% - 72px)}}
@media(prefers-reduced-motion:reduce){.mail-cube,.stage-card,.stage-ring,.stage-glow,.mini-cloud,.mini-envelope,.empty-3d i{animation:none!important}}

/* =========================================================
   KBNC Cloud Edge Mail v3 — private admin control center
   ========================================================= */
.admin-login-v3{background:radial-gradient(circle at 15% 15%,rgba(64,143,255,.18),transparent 30%),radial-gradient(circle at 85% 85%,rgba(112,82,231,.14),transparent 30%),#f3f7fd}.admin-login-v3 .admin-login{max-width:480px;padding:36px;box-shadow:0 28px 80px rgba(31,54,90,.14)}.admin-login-v3 .admin-login h2{font-size:28px;letter-spacing:-.04em;margin-bottom:8px}.admin-login-foot{text-align:center;margin-top:20px;font-size:10px;color:var(--muted)}
.admin-shell-v3{grid-template-columns:250px minmax(0,1fr);background:#f5f7fb;min-height:100dvh}.admin-side-v3{background:linear-gradient(180deg,#081b37,#0b2e5c);color:white;padding:20px 14px;display:flex;flex-direction:column}.admin-side-v3 .brand-row{padding:4px 8px 22px}.admin-side-v3 .brand-row span{color:rgba(255,255,255,.55)}.admin-side-v3 nav{display:flex;flex-direction:column;gap:4px}.admin-side-v3 nav button{border:0;background:transparent;color:rgba(255,255,255,.72);padding:11px 12px;border-radius:11px;text-align:left;font-size:12px;font-weight:650;display:flex;align-items:center;gap:9px}.admin-side-v3 nav button span{width:20px;text-align:center}.admin-side-v3 nav button:hover{background:rgba(255,255,255,.08);color:#fff}.admin-side-v3 nav button.active{background:linear-gradient(90deg,rgba(61,144,255,.3),rgba(115,85,232,.18));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}.admin-side-v3 .admin-side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:13px}.admin-side-v3 .admin-side-foot a,.admin-side-v3 .admin-side-foot button{color:rgba(255,255,255,.72);background:transparent;border:0;padding:9px 10px;text-decoration:none;font-size:11px;display:block;width:100%;text-align:left;border-radius:8px}.admin-side-v3 .admin-side-foot a:hover,.admin-side-v3 .admin-side-foot button:hover{background:rgba(255,255,255,.08);color:#fff}.admin-main-v3{padding:0 28px 34px;min-width:0}.admin-topbar{position:sticky;top:0;z-index:20;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(245,247,251,.92);backdrop-filter:blur(14px);border-bottom:1px solid #e2e7ef;margin:0 -28px 22px;padding:0 28px}.admin-topbar h1{margin:2px 0 0;font-size:27px;letter-spacing:-.04em}.admin-header-actions{display:flex;align-items:center;gap:10px;min-width:0}.admin-global-search{height:42px;width:min(420px,36vw);background:#fff;border:1px solid #dce3ed;border-radius:13px;display:flex;align-items:center;padding:0 12px;gap:8px;box-shadow:0 8px 20px rgba(40,61,94,.05)}.admin-global-search input{border:0;outline:0;min-width:0;width:100%;font-size:11px}.admin-loading{border-radius:12px;background:#e9f2ff;color:#0b57d0;padding:12px 14px;margin-bottom:18px;font-size:11px}.admin-loading.error{background:#fde8e7;color:#9d211b}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.admin-stat-grid article{background:#fff;border:1px solid #e0e6ef;border-radius:17px;padding:18px;box-shadow:0 10px 30px rgba(41,61,94,.045);position:relative;overflow:hidden}.admin-stat-grid article:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-20px;top:-28px;background:linear-gradient(145deg,rgba(11,87,208,.12),rgba(105,82,232,.08))}.admin-stat-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#708097;font-weight:750}.admin-stat-grid strong{display:block;font-size:32px;letter-spacing:-.05em;margin:9px 0 3px}.admin-stat-grid em{font-style:normal;color:#8a97a8;font-size:9px}.admin-dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.admin-card{border-radius:17px!important;box-shadow:0 10px 30px rgba(41,61,94,.045)!important;border-color:#e0e6ef!important}.card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.card-title-row h3,.directory-head h3{margin:0;font-size:17px;letter-spacing:-.025em}.card-title-row p,.directory-head p{margin:4px 0 0;font-size:10px;color:var(--muted)}.activity-list{margin-top:13px}.activity-item{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f5}.activity-item:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:#2e7df6;box-shadow:0 0 0 5px #edf4ff}.activity-item div{display:flex;flex-direction:column}.activity-item b{font-size:11px;text-transform:capitalize}.activity-item small{font-size:9px;color:var(--muted);margin-top:2px}.domain-mini-list{margin-top:12px}.domain-mini-list button{width:100%;border:0;background:#f7f9fc;border-radius:11px;padding:10px 12px;margin:6px 0;display:flex;align-items:center;justify-content:space-between;text-align:left}.domain-mini-list div{display:flex;flex-direction:column}.domain-mini-list b{font-size:11px}.domain-mini-list small{font-size:9px;color:var(--muted);margin-top:2px}.domain-mini-list strong{font-size:17px;color:#0b57d0}.privacy-card{display:flex;align-items:center;gap:15px;margin-top:16px;background:linear-gradient(135deg,#f8fbff,#eef5ff)!important}.privacy-icon{width:46px;height:46px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 9px 20px rgba(32,69,123,.08)}.privacy-card h3{margin:0 0 4px}.privacy-card p{margin:0;font-size:10px;color:#66768d;line-height:1.55}.directory-card{padding:0!important;overflow:hidden}.directory-head{padding:18px;border-bottom:1px solid #e8edf4}.directory-filters{display:flex;gap:8px;align-items:center}.directory-filters select{height:35px;border:1px solid #d8e0eb;border-radius:9px;background:#fff;padding:0 9px;font-size:10px}.directory-table td{vertical-align:middle}.directory-table th{background:#fafbfd}.client-cell{display:flex;align-items:center;gap:9px;min-width:160px}.client-cell>span{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#dcecff,#edf3ff);color:#0b57d0;display:grid;place-items:center;font-weight:850}.client-cell>div{display:flex;flex-direction:column}.client-cell b{font-size:11px}.client-cell small,.table-sub{display:block;font-size:8px;color:var(--muted);margin-top:2px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.status-pill.active{background:#e5f7ef;color:#08784e}.status-pill.archived{background:#f0f2f5;color:#647184}.archived-row{background:#fafbfc;color:#687487}.empty-table{padding:28px;display:flex;flex-direction:column;align-items:center}.empty-table span{font-size:9px;color:var(--muted);margin-top:5px}.domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.domain-card{background:#fff;border:1px solid #e0e6ef;border-radius:17px;padding:16px;box-shadow:0 10px 28px rgba(41,61,94,.04)}.domain-card>header{display:flex;align-items:center;gap:10px}.domain-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;color:#0b57d0;font-weight:900}.domain-card>header>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.domain-card h3{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-card p{margin:3px 0 0;font-size:9px;color:var(--muted)}.domain-card>header>span{margin-left:auto;width:31px;height:31px;border-radius:10px;background:#f4f6fa;display:grid;place-items:center;font-weight:800}.domain-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.domain-card-stats div{background:#f8fafd;border-radius:10px;padding:9px;display:flex;flex-direction:column}.domain-card-stats b{font-size:15px}.domain-card-stats small{font-size:8px;color:var(--muted)}.domain-card-users{min-height:92px}.domain-card-users span{display:block;font-size:9px;padding:5px 0;border-bottom:1px solid #f0f2f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-card-users small{color:var(--muted)}.domain-card>button{margin-top:12px;border:0;background:transparent;color:#0b57d0;padding:0;font-size:9px;font-weight:750}.create-card{max-width:920px}.form-card textarea{border:1px solid var(--line);border-radius:9px;padding:10px;resize:vertical}.activity-timeline{margin-top:12px}.timeline-row{display:grid;grid-template-columns:28px 1fr;gap:8px;position:relative}.timeline-row:before{content:"";position:absolute;left:9px;top:24px;bottom:-8px;width:1px;background:#dfe5ee}.timeline-row:last-child:before{display:none}.timeline-mark{width:19px;height:19px;border-radius:50%;background:#e5efff;border:5px solid #fff;box-shadow:0 0 0 1px #d7e2f2;margin-top:8px}.timeline-content{padding:8px 0 14px;border-bottom:1px solid #edf0f4}.timeline-content>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-content b{font-size:11px;text-transform:capitalize}.timeline-content span,.timeline-content small{font-size:8px;color:var(--muted)}.timeline-content p{margin:5px 0 2px;font-size:10px}.admin-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.system-status{display:flex;gap:10px;align-items:center;padding:14px;background:#f7f9fc;border-radius:12px;margin:13px 0}.status-dot{width:10px;height:10px;border-radius:50%;background:#16a46d;box-shadow:0 0 0 5px #e4f7ef}.system-status div{display:flex;flex-direction:column}.system-status b{font-size:12px}.system-status small{font-size:9px;color:var(--muted);margin-top:2px}.admin-detail-modal{width:min(740px,calc(100vw - 30px));max-height:88dvh;overflow:auto}.admin-detail-modal header>div{display:flex;align-items:center;gap:9px}.admin-modal-secondary{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #e9edf3}.admin-modal-secondary button{border:1px solid #d7dfeb;background:#fff;border-radius:9px;padding:8px 10px;font-size:10px}.empty-mini{color:var(--muted);font-size:10px;padding:16px 0}
@media(max-width:1200px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.domain-grid{grid-template-columns:repeat(2,1fr)}.admin-header-actions{max-width:55%}.admin-global-search{width:100%}.admin-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:900px){.admin-shell-v3{grid-template-columns:1fr}.admin-side-v3{display:none}.admin-main-v3{padding:0 16px 24px}.admin-topbar{margin:0 -16px 18px;padding:12px 16px;position:static;align-items:flex-start;flex-direction:column}.admin-header-actions{width:100%;max-width:none}.admin-global-search{width:100%}.domain-grid{grid-template-columns:1fr}.admin-system-grid{grid-template-columns:1fr}.directory-head{align-items:flex-start;flex-direction:column}.directory-filters{width:100%;overflow:auto}.directory-filters select{flex:1}.directory-table{min-width:900px}}
@media(max-width:600px){.admin-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.admin-stat-grid article{padding:13px}.admin-stat-grid strong{font-size:25px}.admin-topbar h1{font-size:23px}.admin-header-actions{flex-direction:column;align-items:stretch}.admin-header-actions .primary-btn{width:100%}.admin-main-v3{padding-bottom:80px}.admin-detail-modal{inset:auto 0 0 0;transform:none;width:100%;max-height:92dvh;border-radius:20px 20px 0 0}.admin-detail-modal .form-grid{grid-template-columns:1fr}.admin-modal-secondary{flex-wrap:wrap}}