:root{--ink: #243043;--brand-slate: #4f5b6d;--muted: #687487;--line: #d9e1ea;--soft: #f4f8fb;--teal: #2d9bb8;--teal-dark: #167f99;--teal-soft: #dff3f7;--green: #5ac78e;--green-soft: #e4f7ed;--amber: #f5a623;--amber-soft: #fff3dc;--danger: #ce4053}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f6f8fb;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:13.5px;line-height:1.5;overflow:hidden}button{border:0;border-radius:6px;background:var(--teal);color:#fff;font-weight:600;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:13.5px}button:hover{background:var(--teal-dark)}button:disabled{cursor:not-allowed;opacity:.68}input,select,textarea{border:1px solid #ccd7e2;border-radius:6px;padding:8px 12px;font:inherit;width:100%;background:#fff;color:var(--ink);font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2d9bb81f;outline:0}input:disabled,select:disabled{background:#f4f7f9;color:var(--brand-slate)}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:20px;margin-bottom:6px;color:var(--ink);font-weight:750}h2{font-size:16px;font-weight:700;color:var(--ink)}h3{font-size:15px;font-weight:700}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.app-shell{display:flex;flex-direction:column;height:100vh;min-height:0;background:#f4f6f9;overflow:hidden}.shell{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}main{padding:0;min-width:0;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.content-wrap{max-width:1100px;margin:0 auto;width:100%;padding:16px 20px}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:center;margin-bottom:24px;padding:28px 32px;border:1px solid #e2e8f0;border-radius:12px;background:radial-gradient(circle at top left,rgba(45,155,184,.04),transparent 50%),radial-gradient(circle at bottom right,rgba(90,199,142,.04),transparent 50%),#fff;box-shadow:0 4px 20px -2px #00000008,0 0 3px #00000005;position:relative;overflow:hidden}.dashboard-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--green))}.hero-copy,.hero-live{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--teal-dark);background:linear-gradient(to right,#2d9bb814,#2d9bb805);border:1px solid rgba(45,155,184,.25);border-radius:999px;padding:5px 14px;font-size:12px;font-weight:750;margin-bottom:14px;letter-spacing:.03em;box-shadow:inset 0 1px 2px #ffffff80}.eyebrow svg{color:var(--teal);stroke-width:2.5px}.eyebrow svg path{stroke-dasharray:85;stroke-dashoffset:85;animation:svg-flow 2.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes svg-flow{0%{stroke-dashoffset:85;opacity:0}15%{opacity:1}75%{opacity:1}to{stroke-dashoffset:-85;opacity:0}}.hero-copy h2{font-size:24px;margin-bottom:8px;font-weight:850;color:var(--ink);letter-spacing:-.01em}.hero-copy p{color:var(--muted);font-size:14.5px;line-height:1.6;margin-bottom:0;max-width:600px}.hero-live{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.pulse-orbit{display:none}.live-card{padding:16px;border:1px solid rgba(0,0,0,.06);border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc);transition:all .25s ease;box-shadow:0 2px 8px #00000005;position:relative}.live-card:before{content:"";position:absolute;top:14px;right:14px;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 #5ac58e66;animation:live-dot 2s infinite}@keyframes live-dot{0%{box-shadow:0 0 #5ac58e99}70%{box-shadow:0 0 0 6px #5ac58e00}to{box-shadow:0 0 #5ac58e00}}.live-card:hover{box-shadow:0 10px 25px -5px #00000014;transform:translateY(-2px);border-color:#2d9bb833}.live-card.accent{border-color:#f5a62340;background:linear-gradient(180deg,#fff,#fffdf8)}.live-card.accent:before{background:var(--amber);animation:live-dot-amber 2s infinite}@keyframes live-dot-amber{0%{box-shadow:0 0 #f5a62399}70%{box-shadow:0 0 0 6px #f5a62300}to{box-shadow:0 0 #f5a62300}}.live-card span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.live-card strong{display:block;color:var(--ink);font-size:32px;font-weight:850;line-height:1;margin-bottom:4px;letter-spacing:-.02em}.live-card small{color:var(--muted);font-size:12px;font-weight:500}.brand{display:flex;flex-direction:column;margin-bottom:18px}.brand-logo{width:200px;max-width:100%;mix-blend-mode:multiply}.brand.large .brand-logo{width:240px}.topbar{height:54px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:16px;position:sticky;top:0;z-index:100;box-shadow:0 1px 6px #4f5b6d12}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-ham{background:transparent;color:var(--brand-slate);padding:6px 8px;border-radius:6px;display:none}.topbar-ham:hover{background:var(--soft);color:var(--teal-dark)}.topbar-logo{height:44px;mix-blend-mode:multiply;display:block;object-fit:contain}.topbar-sep{width:1px;height:24px;background:var(--line);flex-shrink:0}.topbar-app-label{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.03em;white-space:nowrap}.topbar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:16px}.topbar-greeting{font-size:13.5px;color:var(--brand-slate)}.topbar-greeting strong{color:var(--ink);font-weight:800}.live-sync-badge{display:flex;align-items:center;gap:8px;background:#e8f7f6;padding:5px 12px;border-radius:999px;border:1px solid #bde5e2}.live-sync-badge span{font-size:10.5px;font-weight:850;color:#087c77;text-transform:uppercase;letter-spacing:.06em}.tech-timer{position:relative;width:14px;height:14px;border-radius:50%;border:1.5px dashed var(--teal);animation:spin-slow 4s linear infinite}.tech-timer:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:var(--green);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{transform:scale(.7);opacity:.6}50%{transform:scale(1.1);opacity:1}}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-role{font-size:11px;font-weight:800;padding:4px 12px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(45,155,184,.22)}.topbar-logout{background:transparent;color:var(--brand-slate);font-size:13px;font-weight:600;padding:6px 11px;border-radius:7px;gap:7px;border:1px solid var(--line)}.topbar-logout:hover{background:#fff0f1;color:var(--danger);border-color:#ce405338}aside{width:200px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:8px 8px 14px;display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain;gap:0}.sidebar-close-btn{display:none}nav{display:flex;flex-direction:column;gap:1px;padding-top:2px}.nav{width:100%;background:transparent;color:var(--brand-slate);justify-content:flex-start;font-weight:500;position:relative;font-size:13px;border-radius:5px;padding:8px 11px;gap:8px}.nav:hover{background:var(--soft);color:var(--teal-dark)}.nav.active{background:#2d9bb817;color:var(--teal-dark);font-weight:700}.nav.active:before{content:"";width:3px;border-radius:0 3px 3px 0;background:var(--teal);position:absolute;left:0;top:4px;bottom:4px}.ghost{background:#eef3f6;color:var(--ink)}.ghost:hover{background:#e2ebf1;color:var(--teal-dark)}.small{padding:7px 10px;font-size:12px}.danger{background:var(--danger)}.link{background:transparent;color:var(--teal);padding:0}.user-box{display:none}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#18243366;z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.panel,.stats div{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px #4f5b6d12}.login-screen-new{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f1f4f7;position:relative;overflow:hidden;font-family:Inter,Segoe UI,sans-serif}.login-screen-new canvas{filter:saturate(.82) contrast(.96)}.login-card-new{background:#fff;width:420px;border-radius:12px;padding:40px 40px 30px;box-shadow:0 10px 30px #0000000a;position:relative;z-index:2}.login-logo-container{text-align:center;margin-bottom:26px}.login-logo-new{width:140px;object-fit:contain}.login-brand-title{margin-top:12px;color:var(--ink);font-size:19px;line-height:1.2;font-weight:850;letter-spacing:0}.login-brand-subtitle{max-width:320px;margin:7px auto 0;color:var(--muted);font-size:12.5px;line-height:1.45;font-weight:650}.login-form-new{display:flex;flex-direction:column}.input-group-new{margin-bottom:16px}.input-group-new input{width:100%;padding:12px 14px;border:1px solid #dcdcdc;border-radius:6px;font-size:14px;color:#333}.input-group-new input:focus{border-color:#999;outline:none;box-shadow:none}.input-group-new input.input-error{border-color:#d9534f}.error-msg-new{color:#d9534f;font-size:12.5px;margin-top:6px}.login-type-radio{display:flex;justify-content:center;gap:40px;margin-bottom:16px;font-size:14px}.login-type-radio label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#333;font-weight:400}.login-type-radio input[type=radio]{accent-color:#007bff;margin:0;width:16px;height:16px}.login-links-new{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:32px}.login-links-new a{color:#666;text-decoration:none}.login-links-new a:hover{text-decoration:underline}.privacy-link{display:flex;align-items:center;gap:6px}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid #666;border-radius:50%;font-size:10px}.login-btn-new{background:#5c5c5c;color:#fff;border:none;padding:11px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;align-self:center;width:130px;justify-content:center;transition:background .2s ease}.login-btn-new:hover{background:#4a4a4a}.login-footer-new{position:absolute;bottom:20px;right:30px;font-size:12px;color:#999;z-index:2}.form{display:grid;gap:12px}label{display:grid;gap:4px;color:#56606c;font-weight:600;font-size:13.5px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.page-head p,.muted{color:var(--muted)}.filter{max-width:260px;margin-bottom:16px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;max-width:800px}@media (max-width: 900px){.filters{grid-template-columns:1fr}}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}@media (max-width: 1024px){.stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.stats{grid-template-columns:repeat(2,1fr)}}.stat-card{position:relative;padding:16px 16px 14px;border-top:3px solid var(--teal);border-radius:8px;background:#fff;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}@keyframes stat-wiggle{0%{transform:translateY(-4px) rotate(0)}25%{transform:translateY(-4px) rotate(-1deg)}75%{transform:translateY(-4px) rotate(1deg)}to{transform:translateY(-4px) rotate(0)}}.stat-card:hover{box-shadow:0 12px 30px #4f5b6d26;animation:stat-wiggle .3s ease-in-out infinite}.stat-card i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--teal-soft);color:var(--teal);margin-bottom:10px}.stat-card span{display:block;font-size:24px;font-weight:800;color:var(--ink);line-height:1.1}.stat-card small{display:block;color:var(--muted);font-size:11.5px;font-weight:600;margin-top:3px}.stat-card.green{border-top-color:var(--green)}.stat-card.green i{background:#e7f6ed;color:var(--green)}.stat-card.danger{border-top-color:var(--danger)}.stat-card.danger i{background:#fdebed;color:var(--danger)}.stat-card.amber{border-top-color:var(--amber)}.stat-card.amber i{background:#fef4e6;color:var(--amber)}.stat-card.teal{border-top-color:var(--teal)}.stat-card.teal i{background:var(--teal-soft);color:var(--teal)}.grid-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.grid-even{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-main,.grid-even{grid-template-columns:1fr}}.panel{padding:18px;margin-bottom:16px}.data-panel{position:relative;overflow:hidden}.data-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--green),var(--amber));opacity:.85}.data-panel:after{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#2d9bb800,#2d9bb80f,#2d9bb800);animation:scan-vertical 5s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:10}@keyframes scan-vertical{0%{transform:translateY(-120px)}50%,to{transform:translateY(800px)}}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.panel-title h2{margin-bottom:2px}.panel-title p{margin:0;color:var(--muted);font-size:12.5px}.mini-badge{white-space:nowrap;padding:6px 9px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:11px;font-weight:800}.narrow{max-width:640px}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf1f4;font-size:12px;font-weight:800}.pill.active{background:var(--green-soft);color:#24794b}.pill.expired{background:#ffe7ea;color:#ad2c42}.pill.needs-review{background:var(--amber-soft);color:#8a5d00}.pill.info{background:var(--teal-soft);color:var(--teal-dark)}.renewal-panel{background:linear-gradient(180deg,#fff,#fbfdff)}.renewal-title{align-items:flex-start;margin-bottom:12px}.panel-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--teal-dark);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.view-all-link{background:transparent;color:var(--teal-dark);padding:4px 0;font-size:12px;font-weight:800}.view-all-link:hover{background:transparent;color:var(--ink);text-decoration:underline}.dashboard-notices{display:grid;gap:10px}.notice{width:100%;padding:12px;border:1px solid #e1e8ef;border-left:4px solid var(--teal);border-radius:7px;background:#fff;color:var(--ink);display:grid;gap:10px;text-align:left;box-shadow:0 5px 14px #4f5b6d0d;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.notice:hover{background:#fbfdff;border-color:#2d9bb852;color:var(--ink);transform:translateY(-1px);box-shadow:0 10px 22px #4f5b6d1a}.notice.warning{border-left-color:var(--amber)}.notice.critical{border-left-color:var(--danger)}.notice-main{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:start}.notice-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--teal);box-shadow:0 0 0 4px var(--teal-soft)}.notice.warning .notice-dot{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.notice.critical .notice-dot{background:var(--danger);box-shadow:0 0 0 4px #ffe7ea}.notice-main strong{display:block;color:var(--ink);font-size:13.5px;font-weight:850;line-height:1.28}.notice-main small{display:block;margin-top:4px;color:var(--muted);font-size:11.5px;font-weight:650;line-height:1.35}.notice-main svg{color:#9aa7b5;margin-top:2px}.notice-footer{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:9px;border-top:1px solid #edf2f6;color:var(--muted);font-size:11.5px;font-weight:750}.notice-footer b{width:fit-content;padding:3px 8px;border-radius:999px;background:var(--amber-soft);color:#8a5d00;font-size:11.5px;font-weight:850;white-space:nowrap}.notice.critical .notice-footer b{background:#ffe7ea;color:#ad2c42}.notice.watch .notice-footer b{background:var(--teal-soft);color:var(--teal-dark)}.notification-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#2d9bb81a,#fffffffa 50%),radial-gradient(circle at 88% 22%,rgba(245,166,35,.15),transparent 30%),#fff;box-shadow:0 8px 24px #4f5b6d0f}.notification-hero:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:linear-gradient(90deg,transparent,rgba(45,155,184,.08),transparent);animation:dashboard-flow 18s linear infinite;pointer-events:none}.notification-hero>*{position:relative;z-index:1}.notification-hero h1{font-size:26px;margin-bottom:6px}.notification-hero p{margin:0;color:var(--muted);font-size:14.5px}.notification-stats{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:18px;overflow:visible}.notification-stat-card{position:relative;overflow:visible;padding:14px 16px;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:8px;background:#fff;box-shadow:0 4px 12px #4f5b6d0d;outline:0}.notification-stat-card.amber{border-top-color:var(--amber)}.notification-stat-card.green{border-top-color:var(--green)}.notification-stat-card.danger-soft{border-top-color:var(--danger)}.notification-stat-card>strong{display:block;font-size:24px;line-height:1.1;margin-bottom:6px;position:relative;z-index:1}.notification-stat-card>span{color:var(--muted);font-size:13px;font-weight:700;position:relative;z-index:1}.notification-stat-card:hover,.notification-stat-card:focus-visible{border-color:#b9d4df;box-shadow:0 14px 30px #4f5b6d29}.stat-popover{position:absolute;left:12px;right:12px;top:calc(100% + 10px);z-index:30;display:grid;gap:10px;min-width:280px;max-width:min(380px,calc(100vw - 40px));padding:13px;border:1px solid #cfdbe6;border-radius:8px;background:#fff;box-shadow:0 18px 44px #1f2b3a2e;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.stat-popover:before{content:"";position:absolute;top:-6px;left:22px;width:10px;height:10px;background:#fff;border-left:1px solid #cfdbe6;border-top:1px solid #cfdbe6;transform:rotate(45deg)}.notification-stat-card:hover .stat-popover,.notification-stat-card:focus-visible .stat-popover,.notification-stat-card:focus-within .stat-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.stat-popover-head{display:grid;gap:3px;padding-bottom:9px;border-bottom:1px solid #edf2f6}.stat-popover-head b{color:var(--ink);font-size:13.5px}.stat-popover-head small{color:var(--muted);font-size:11.5px;line-height:1.35}.stat-popover-list{display:grid;gap:8px}.stat-popover-item{display:grid;gap:3px;padding:8px 9px;border:1px solid #eef3f7;border-radius:7px;background:#fbfdff}.stat-popover-item strong{color:var(--ink);font-size:12.5px;line-height:1.3}.stat-popover-item span{color:var(--muted);font-size:11.5px;font-weight:650;line-height:1.35}.stat-popover-item small{width:fit-content;padding:2px 7px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:10.5px;font-weight:850}.stat-popover-item .danger-text{background:#ffe7ea;color:#ad2c42}.stat-popover-empty,.stat-popover-more{color:var(--muted);font-size:12px;font-weight:700}.stat-popover-more{padding:2px 4px;color:var(--teal-dark)}.notification-list{display:grid;gap:12px}.notification-card{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:16px 18px;border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 8px 20px #4f5b6d0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.notification-card:hover{transform:translateY(-1px);box-shadow:0 12px 26px #4f5b6d1a;border-color:#2d9bb847}.notification-card.critical{border-left-color:var(--danger);background:linear-gradient(180deg,#fff,#fffafb)}.notification-card.warning,.notification-card.watch{border-left-color:var(--amber)}.notification-card.closed{border-left-color:var(--green);background:linear-gradient(180deg,#fbfdfc,#f6faf8);opacity:.78}.notification-card.closed:hover{transform:none;box-shadow:0 8px 20px #4f5b6d0f;border-color:var(--line)}.notification-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;color:var(--teal-dark);background:var(--teal-soft)}.notification-card.critical .notification-icon{color:#ad2c42;background:#ffe7ea}.notification-card.warning .notification-icon,.notification-card.watch .notification-icon{color:#8a5d00;background:var(--amber-soft)}.notification-card.closed .notification-icon{color:#24794b;background:var(--green-soft)}.notification-copy{display:grid;gap:8px;min-width:0}.notification-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.notification-top strong{color:var(--ink);display:block;font-size:14.5px;font-weight:750;line-height:1.35;margin-bottom:6px}.notification-subtitle{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:11.5px;font-weight:700}.notification-subtitle span{padding:3px 7px;border-radius:999px;background:#f2f6f9}.notification-subtitle span:first-child{color:var(--teal-dark);background:var(--teal-soft)}.notification-card.critical .notification-subtitle span:first-child{color:#ad2c42;background:#ffe7ea}.notification-card.warning .notification-subtitle span:first-child,.notification-card.watch .notification-subtitle span:first-child{color:#8a5d00;background:var(--amber-soft)}.notification-card.closed .notification-subtitle span:first-child{color:#24794b;background:var(--green-soft)}.notification-message{color:#1f2b3a;font-size:13.5px;margin:0}.mail-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11.5px;font-weight:800}.mail-status.sent{color:#24794b;background:var(--green-soft)}.mail-status.pending{color:#8a5d00;background:var(--amber-soft)}.mail-status.failed{color:#ad2c42;background:#ffe7ea}.mail-status.closed{color:#4f5b6d;background:#edf1f4}.error-text{color:var(--danger);font-size:13px;margin:4px 0 0;font-weight:500}.success-text{color:#24794b;font-size:13px;margin:4px 0 0;font-weight:500}.mail-status-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.resend-btn{background:#eef3f6;color:var(--teal-dark);padding:5px 9px;font-size:11.5px;font-weight:700;border-radius:5px;gap:5px}.resend-btn:hover{background:var(--teal-soft);color:var(--teal-dark)}.resend-btn:disabled{opacity:.55;cursor:not-allowed}.password-saved-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f0faf5;border:1px solid #b6e8d0;border-radius:6px}.password-saved-badge{display:inline-flex;align-items:center;gap:6px;color:#24794b;font-weight:700;font-size:14px;flex:1}.password-edit-row{display:flex;align-items:center;gap:10px}.password-edit-row input{flex:1}.scan-result{padding:12px 16px;border-radius:6px;margin-bottom:14px;font-weight:600;font-size:14px}.scan-ok{background:var(--green-soft);color:#24794b;border:1px solid #b6e8d0}.scan-fail{background:#ffe7ea;color:#a9283d;border:1px solid #f5b8bf}.scan-info-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f8fafc;border:1px solid var(--line);border-radius:6px;margin-bottom:14px;color:var(--muted);font-size:12.5px;font-weight:500}.notification-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:11.5px}.notification-meta span{padding:4px 7px;border-radius:999px;background:#f6f8fb;border:1px solid #e3eaf1}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center;border:1px dashed #cbd7e3;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbfd)}.empty-state svg{color:var(--teal)}.empty-state h2{margin:0;color:var(--ink)}.empty-state p{margin:0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#2430436b;overflow:auto;padding:28px;z-index:10}.modal-body{background:#f6f8fb;max-width:1280px;margin:auto;padding:24px;border-radius:8px}.license-view{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.license-view.single{grid-template-columns:minmax(0,820px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.detail-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.head-actions{display:flex;align-items:center;gap:10px}.tenant-badge{background:#e8f7f6;color:#087c77;border:1px solid #bde5e2;padding:8px 11px;border-radius:999px;font-weight:800;white-space:nowrap}.dates{border-right:1px solid var(--line);padding-top:18px}.detail-grid>div:last-child{padding:18px 0 0 24px}.dates p{color:var(--muted);margin-bottom:24px}.dates strong{color:var(--ink);font-size:15px}.module-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;font-size:14px}.legend{text-align:right;color:var(--muted);margin-bottom:14px;font-size:12.5px}.legend span{display:inline-block;width:12px;height:12px;border-radius:3px;margin:0 6px 0 16px;vertical-align:-2px}.used{background:var(--teal)}.avail{background:var(--teal-soft)}.bar-row{display:grid;grid-template-columns:170px 1fr 34px;gap:10px;align-items:center;margin-bottom:8px}.bar-row label{color:var(--ink);font-size:13.5px;font-weight:600}.bar{height:14px;background:var(--teal-soft);display:flex;overflow:hidden;border-radius:3px}.bar-used{background:var(--teal);color:#fff;min-width:20px;text-align:center;font-weight:800;font-size:10px;line-height:14px}.bar-avail{flex:1;text-align:center;font-weight:800;font-size:10px;line-height:14px;color:var(--teal-dark)}.radio-row{display:flex;gap:26px}.radio-row label,.check{display:flex;align-items:center;gap:8px}.radio-row input,.check input{width:auto}.error{background:#ffe7ea;color:#a9283d;padding:12px;border-radius:6px}.success{background:var(--green-soft);color:#24794b;padding:12px;border-radius:6px;font-weight:750}.space-top{margin-top:12px}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;pointer-events:none;background:#11182714;animation:celebration-shell 2s ease forwards}.celebration-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.celebration-confetti span{position:absolute;top:-18px;left:var(--x);width:var(--piece-size);height:calc(var(--piece-size) * 1.7);border-radius:2px;background:var(--piece-color);opacity:0;transform:translateZ(0) rotate(var(--rotate));animation:celebration-fall 1.45s cubic-bezier(.18,.78,.28,1) var(--delay) forwards}.celebration-card{position:relative;display:flex;align-items:center;gap:14px;min-width:min(360px,calc(100vw - 40px));padding:18px 20px;border:1px solid #b6e8d0;border-radius:8px;background:linear-gradient(180deg,#fff,#f4fbf8);box-shadow:0 22px 60px #24304338;animation:celebration-card 2s cubic-bezier(.22,1,.36,1) forwards}.celebration-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#24794b;background:var(--green-soft);border:1px solid #b6e8d0}.celebration-card h2{margin:0 0 2px;font-size:17px;color:var(--ink)}.celebration-card p{margin:0;color:var(--muted);font-size:13px;font-weight:650}.celebration-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid rgba(90,199,142,.55);animation:celebration-ring 1.1s ease-out .16s both}.smtp-panel{max-width:920px}.smtp-section{border-top:1px solid var(--line);padding-top:16px}.smtp-section:first-of-type{border-top:0;padding-top:0}.smtp-section h2{margin-bottom:4px}.smtp-section p{margin:0;color:var(--muted)}.tenant-smtp-form{max-width:760px}.tenant-context{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid #dce7ef;border-radius:7px;background:#f8fbfd}.tenant-context span{padding:4px 8px;border-radius:999px;background:#eef5f8;color:var(--brand-slate);font-size:12px;font-weight:750}.source-chip{display:inline-flex;align-items:center;width:fit-content;padding:4px 8px;border-radius:999px;border:1px solid #d9e1ea;background:#f6f8fb;color:var(--brand-slate);font-size:11.5px;font-weight:800;line-height:1.2;white-space:nowrap}.source-chip.hub{border-color:#bde5e2;background:#e8f7f6;color:#087c77}.source-chip.manual{border-color:#d9e1ea;background:#f6f8fb;color:var(--brand-slate)}.source-chip.legacy{border-color:#fde3ad;background:var(--amber-soft);color:#8a5d00}.license-note{margin:2px 0 0;padding:10px 12px;border:1px solid #fde3ad;border-radius:6px;background:var(--amber-soft);color:#8a5d00;font-size:12.5px;font-weight:650;line-height:1.45}.receiver-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.search-combobox{position:relative}.search-combobox input{padding-right:42px}.combo-toggle{position:absolute;top:1px;right:1px;bottom:1px;width:38px;padding:0;justify-content:center;border-radius:0 6px 6px 0;background:transparent;color:var(--ink);font-size:15px}.combo-toggle:hover{background:#eef6f8;color:var(--teal-dark)}.combo-menu{position:absolute;z-index:45;top:calc(100% + 5px);left:0;right:0;max-height:260px;overflow-y:auto;border:1px solid #cfdbe6;border-radius:7px;background:#fff;box-shadow:0 16px 34px #24304329;padding:5px}.combo-option{width:100%;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:5px;background:#fff;color:var(--ink);text-align:left}.combo-option:hover{background:#eaf6f9;color:var(--teal-dark)}.combo-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-option small{flex:0 0 auto;color:var(--muted);font-size:11.5px;font-weight:700}.combo-empty{padding:12px;color:var(--muted);font-size:12.5px}.receiver-list{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;align-items:center}.receiver-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 9px 8px 11px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-weight:800}.receiver-chip button{width:22px;height:22px;padding:0;justify-content:center;border-radius:50%;background:#167f9924;color:var(--teal-dark);font-size:13px}.receiver-chip button:hover{background:#167f9938}.role-grid{display:grid;gap:10px}.role-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fbfdff}.role-card input{width:auto;margin-top:3px}.role-card strong{display:block;color:var(--ink);font-size:13.5px}.role-card small{display:block;color:var(--muted);font-weight:600;line-height:1.4;margin-top:2px}.role-pill-list{display:flex;flex-wrap:wrap;gap:6px}.type-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tab{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 4px 14px #1f2b3a0a}.tab.active{background:var(--teal);color:#fff;border-color:var(--teal)}.tab b{margin-left:6px}@media (max-width: 820px){.topbar-ham{display:inline-flex}.topbar-greeting,.topbar-app-label,.topbar-sep{display:none}.shell{display:flex}aside{position:fixed;inset:54px auto 0 0;z-index:50;width:240px;height:calc(100vh - 54px);transform:translate(-110%);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:none}aside.sidebar-open{transform:translate(0);box-shadow:6px 0 32px #1824332e}.sidebar-overlay{display:block;top:54px}.sidebar-close-btn{display:flex;align-self:flex-end;margin-bottom:6px;background:transparent;color:var(--brand-slate);padding:5px;border-radius:6px}.sidebar-close-btn:hover{background:var(--soft)}main{padding:16px}.dashboard-hero{grid-template-columns:1fr;padding:18px;gap:14px}.hero-live{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr);gap:10px}.grid-main{grid-template-columns:1fr;gap:12px}.filters{grid-template-columns:1fr;gap:8px}.license-view,.detail-grid{grid-template-columns:1fr}.dates{border-right:0}.bar-row{grid-template-columns:1fr}.smtp-panel{max-width:100%}.receiver-add{grid-template-columns:1fr}.notification-hero{flex-direction:column;gap:12px}.notification-stats{grid-template-columns:repeat(2,1fr)}.notification-card{padding:12px}.notification-top{flex-direction:column;align-items:flex-start;gap:8px}.license-node,.track-line{display:none}.password-saved-row{flex-wrap:wrap}.password-edit-row{flex-direction:column}}@media (max-width: 480px){main{padding:12px}.login-card-new{width:min(420px,calc(100vw - 28px));padding:32px 28px 28px}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.hero-live{grid-template-columns:1fr}.live-card strong{font-size:30px}h1{font-size:22px}.notification-stats{grid-template-columns:1fr 1fr}.topbar-role{display:none}}@media (prefers-reduced-motion: reduce){.celebration-overlay,.celebration-card,.celebration-card:after,.celebration-confetti span{animation:none}.celebration-confetti{display:none}}@keyframes dashboard-flow{0%{transform:translate(-80px) translateY(-40px)}to{transform:translate(80px) translateY(40px)}}@keyframes celebration-shell{0%{opacity:0}8%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes celebration-card{0%{opacity:0;transform:translateY(14px) scale(.96)}14%{opacity:1;transform:translateY(0) scale(1)}82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.985)}}@keyframes celebration-fall{0%{opacity:0;transform:translate3d(0,-16px,0) rotate(var(--rotate))}12%{opacity:1}to{opacity:0;transform:translate3d(var(--drift),88vh,0) rotate(calc(var(--rotate) + 420deg))}}@keyframes celebration-ring{0%{opacity:.7;transform:scale(.97)}to{opacity:0;transform:scale(1.08)}}@keyframes orbit-rotate{to{transform:rotate(360deg)}}@keyframes lift-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes stat-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes soft-pulse{0%,to{transform:scale(1);opacity:.76}50%{transform:scale(1.12);opacity:1}}@keyframes scan-bottom{0%,to{opacity:.15;transform:translate(-25%)}50%{opacity:.75;transform:translate(25%)}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:48px 48px,48px 48px}}@keyframes scan-line{0%,to{transform:translate(-24px);opacity:.25}50%{transform:translate(44px);opacity:.8}}@keyframes node-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.license-create-head,.license-choice-grid,.license-create-panel{max-width:920px;margin-left:auto;margin-right:auto}.license-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.license-choice{min-height:92px;justify-content:flex-start;align-items:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 8px 20px #4f5b6d0f}.license-choice:hover,.license-choice.active{background:#f7fcfd;color:var(--teal-dark);border-color:#2d9bb86b}.license-choice.active{box-shadow:inset 0 0 0 2px #2d9bb82e,0 10px 24px #4f5b6d14}.license-choice span{font-size:15px;font-weight:800}.license-create-panel{max-width:920px}.license-create-form{gap:14px}.form-row{display:grid;gap:12px}.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.filename-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.filename-row input{border-radius:6px 0 0 6px}.filename-row span{align-self:stretch;display:grid;place-items:center;padding:0 12px;border:1px solid #ccd7e2;border-left:0;border-radius:0 6px 6px 0;background:#f4f7f9;color:var(--muted);font-weight:800}.filename-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;color:var(--muted);font-size:12px;font-weight:700}.filename-hint strong{color:var(--ink);font-weight:800}.link-button{width:auto;min-height:0;padding:0;border:0;background:transparent;color:var(--teal-dark);font:inherit;font-weight:800;box-shadow:none}.link-button:hover{background:transparent;color:var(--teal);box-shadow:none}.module-editor{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.module-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.email-chip-block{display:grid;gap:8px}.confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.confirm-grid p{margin:0;padding:11px 12px;border:1px solid #e1e8ef;border-radius:7px;background:#fbfdff}.confirm-grid span{display:block;color:var(--muted);font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.confirm-grid strong{display:block;margin-top:3px;color:var(--ink)}.table-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hash-text{word-break:break-all;font-family:Consolas,monospace;font-size:12px}@media (max-width: 820px){.license-choice-grid,.form-row.two,.module-input-grid,.confirm-grid{grid-template-columns:1fr}}