:root{
  --blue:#0b64b7;--blue2:#0a4f86;--navy:#073b60;--ink:#0f2f4b;--muted:#6d8295;--line:#d7e4ef;--soft:#f3f8fc;--soft2:#eaf3fa;--white:#fff;--danger:#b52d3b;--success:#087d58;--warn:#a76600;--shadow:0 16px 40px rgba(11,61,100,.08);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#eef5fa;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--blue);text-transform:uppercase}.muted{color:var(--muted)}
.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s;white-space:nowrap}.btn.primary{background:linear-gradient(180deg,#0d74cf,#0862b6);color:#fff;box-shadow:0 7px 18px rgba(8,98,182,.2)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(8,98,182,.26)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.ghost:hover{background:#f8fbfd;border-color:#b9d0e3}.btn.sm{padding:8px 11px;font-size:12px}.btn.wide{width:100%}.text-link{color:var(--blue);font-weight:700}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eaf5ff;color:#0b5a9c;border:1px solid #cfe4f7;font-weight:700;font-size:10px;letter-spacing:.02em}.badge.invalid,.badge.email_conflict{background:#fff0f1;color:#b32c3b;border-color:#f1c9cd}.badge.existing{background:#fff8e9;color:#9c6400;border-color:#eedda7}.badge.new{background:#eaf8f3;color:#0d7b5a;border-color:#c9ebdf}.dot-on{color:#087d58;font-weight:700}.dot-off{color:#9b5260}.link-danger{background:none;border:0;color:var(--danger);font-weight:700;cursor:pointer;padding:0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h3{margin:4px 0 0;font-size:20px}.empty-state,.empty-mini{padding:36px;text-align:center;color:var(--muted);display:grid;gap:8px;place-items:center}.empty-state h1{font-size:46px;margin:0;color:var(--ink)}.toast{position:fixed;right:24px;top:78px;z-index:9999;max-width:390px;padding:13px 16px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(9,44,70,.18);font-weight:700;transition:.3s}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.hide{opacity:0;transform:translateY(-10px)}
/* public */
.public-topbar{height:74px;background:rgba(255,255,255,.93);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:80;backdrop-filter:blur(18px)}.public-brand{display:flex;align-items:center;gap:12px}.public-brand img{width:42px;height:42px;object-fit:contain;border:1px solid #dbe8f2;border-radius:13px;padding:4px;background:#fff}.public-brand b{display:block;font-size:13px}.public-brand small{color:var(--muted);font-size:10px}.public-topbar nav{display:flex;gap:26px;font-weight:700;font-size:12px}.public-topbar nav a{padding:10px 2px;position:relative}.public-topbar nav a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--blue);transform:scaleX(0);transition:.2s}.public-topbar nav a:hover:after{transform:scaleX(1)}.public-main{min-height:calc(100vh - 130px)}.app-footer{height:58px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px}.app-footer img{width:22px;height:22px;object-fit:contain}
.public-hero{max-width:1240px;margin:32px auto 24px;padding:52px 56px;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f4f9fd 68%,#e2f1fc 100%);border:1px solid #d5e4ef;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;min-height:390px;align-items:center;overflow:hidden;position:relative;box-shadow:var(--shadow)}.public-hero h1{font-size:48px;line-height:1.08;letter-spacing:-.04em;margin:12px 0 16px;max-width:760px}.public-hero p{font-size:17px;color:#557088;max-width:700px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-visual{position:relative;height:290px}.hero-orbit{position:absolute;width:230px;height:230px;border-radius:50%;right:45px;top:26px;border:1px solid rgba(20,111,184,.22);box-shadow:0 0 0 32px rgba(45,145,220,.05),0 0 0 70px rgba(45,145,220,.03);animation:orbitPulse 5s ease-in-out infinite}.hero-orbit:before{content:"GIS";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:26px;background:#fff;border:1px solid #d5e4ef;display:grid;place-items:center;color:var(--blue);font-size:28px;font-weight:800;box-shadow:0 20px 40px rgba(12,72,119,.12)}.float-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 14px;font-weight:800;font-size:11px;box-shadow:0 14px 30px rgba(12,61,98,.11);animation:floatY 4s ease-in-out infinite}.float-card.c1{right:245px;top:35px}.float-card.c2{right:5px;top:110px;animation-delay:-1.2s}.float-card.c3{right:190px;bottom:30px;animation-delay:-2.1s}@keyframes floatY{50%{transform:translateY(-8px)}}@keyframes orbitPulse{50%{transform:scale(1.03)}}.public-section{max-width:1240px;margin:0 auto;padding:30px 0 60px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.section-head h2{font-size:30px;margin:4px 0}.public-filter{display:flex;gap:8px}.public-filter input,.public-filter select{min-width:170px}.agenda-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.agenda-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(11,61,100,.05);transition:.2s}.agenda-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(11,61,100,.11)}.agenda-cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eaf3f9}.agenda-cover.placeholder{display:grid;place-items:center;font-weight:800;font-size:36px;color:#176aab;background:radial-gradient(circle at 25% 30%,#fff,#e7f3fb)}.agenda-body{padding:18px}.agenda-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.agenda-body h3{font-size:18px;line-height:1.3;margin:12px 0 8px}.agenda-body p{color:var(--muted);font-size:12px}.detail-hero{max-width:1120px;margin:36px auto 60px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}.detail-hero>img{width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:18px}.detail-hero h1{font-size:36px;line-height:1.14;margin:14px 0}.detail-hero p{color:#557088}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-facts span{background:var(--soft);border:1px solid #e1ebf3;border-radius:12px;padding:12px}.detail-facts b{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;margin-bottom:3px}
.form-page{max-width:900px;margin:34px auto 60px}.form-head{padding:0 6px 20px}.form-head h1{font-size:34px;margin:7px 0}.attendance-form{display:grid;gap:16px}.attendance-form fieldset{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(11,61,100,.05)}.attendance-form legend{font-weight:800;padding:0 8px;color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.compact{gap:9px}.span-2{grid-column:1/-1}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#254b69}input,select,textarea{width:100%;border:1px solid #cdddea;border-radius:11px;background:#fff;padding:10px 12px;color:var(--ink);outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#79b7e8;box-shadow:0 0 0 3px rgba(34,130,204,.09)}textarea{resize:vertical}.server-time{padding:12px;border-radius:12px;background:#f4f8fb;border:1px dashed #c5d7e5}.server-time b,.server-time span{display:block}.server-time span{font-size:11px;color:var(--muted);margin-top:4px}.rating-input{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:3px}.rating-input input{display:none}.rating-input label{font-size:30px;color:#d5dde4;cursor:pointer}.rating-input input:checked~label,.rating-input label:hover,.rating-input label:hover~label{color:#f1b718}
.portal-lookup{max-width:620px;margin:56px auto 70px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow);text-align:center}.portal-lookup.event{max-width:700px}.portal-icon{width:68px;height:68px;border-radius:20px;background:#e9f5ff;color:var(--blue);display:grid;place-items:center;margin:0 auto 16px;font-size:28px}.portal-lookup h1{font-size:30px;margin:8px 0}.portal-lookup p{color:var(--muted)}.portal-lookup form{max-width:430px;margin:22px auto 0;display:grid;gap:13px;text-align:left}.portal-poster{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:17px;margin-bottom:20px}.release-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff8e9;border:1px solid #f0d89d;color:#8b5b00;font-size:11px;font-weight:800}.portal-result{max-width:1080px;margin:36px auto 64px}.portal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.portal-head h1{font-size:34px;margin:5px 0}.portal-head p{color:var(--muted)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.result-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.verified-mark{width:46px;height:46px;border-radius:14px;background:#e8f8f2;color:var(--success);display:grid;place-items:center;font-size:24px;margin:18px 0}.material-list{display:grid;gap:9px;margin-top:15px}.material-list a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#f9fbfd}.material-list a div{flex:1}.material-list small{display:block;color:var(--muted);font-size:10px}.material-list em{font-style:normal;color:var(--blue);font-weight:700;font-size:11px}.status-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.status-panel.warning{background:#fffaf0;border-color:#efdfb8}.history-list{display:grid;gap:10px}.history-list>a{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px}.history-list h3{margin:8px 0 4px}.history-list p{margin:0;color:var(--muted)}
.certificate-page{max-width:1240px;margin:20px auto 45px}.certificate-toolbar{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 12px;margin-bottom:12px;box-shadow:0 8px 24px rgba(10,55,90,.05)}.certificate-toolbar b,.certificate-toolbar small{display:block}.certificate-toolbar small{font-size:9px;color:var(--muted)}.certificate-viewer{background:#dfeaf3;border:1px solid #cbdbe7;border-radius:20px;padding:14px;display:grid;place-items:center;overflow:auto;box-shadow:var(--shadow)}#publicCertificateCanvas{display:block;max-width:100%;height:auto;background:#fff;border-radius:4px}.certificate-info{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:10px;padding:10px}.verify-card{max-width:680px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:var(--shadow);text-align:center}.verify-icon{width:76px;height:76px;margin:0 auto 14px;border-radius:24px;background:#e6f8f1;color:#0c805c;display:grid;place-items:center;font-size:38px}.verify-card.revoked .verify-icon,.verify-card.invalid .verify-icon{background:#fff0f1;color:var(--danger)}.verify-card h1{font-size:31px;margin:8px}.verify-card dl{margin:25px 0 0;text-align:left;border-top:1px solid var(--line)}.verify-card dl>div{display:grid}.verify-card dt,.verify-card dd{padding:11px 0;margin:0;border-bottom:1px solid #eaf0f4}.verify-card dt{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.verify-card dd{font-weight:700}
/* login */
.login-shell{max-width:1080px;margin:70px auto;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(8,54,88,.12)}.login-visual{background:linear-gradient(150deg,#073c64,#0a5c9d);color:#fff;padding:48px;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.12);right:-100px;bottom:-100px;box-shadow:0 0 0 50px rgba(255,255,255,.03),0 0 0 100px rgba(255,255,255,.02)}.login-visual img{width:76px;height:76px;object-fit:contain;background:#fff;border-radius:20px;padding:6px}.login-visual span{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;margin-top:22px;opacity:.76}.login-visual h1{font-size:37px;line-height:1.12;margin:12px 0 15px}.login-visual p{color:#d5e7f5}.login-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.login-points span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);padding:7px 10px;border-radius:999px;font-size:10px;margin:0}.login-card{padding:48px;display:grid;align-content:center;gap:14px}.login-card h2{font-size:28px;margin:0}.login-card p{color:var(--muted);margin-top:-5px}.login-card small{text-align:center;color:var(--muted)}
/* admin shell */
.admin-app{background:#eef4f8}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,#083f66,#073755);color:#d9eaf6;z-index:100;display:flex;flex-direction:column;padding:20px 14px}.sidebar-brand{display:flex;gap:11px;align-items:center;padding:6px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand img{width:44px;height:44px;border-radius:14px;background:#fff;padding:4px;object-fit:contain}.sidebar-brand b{display:block;color:#fff}.sidebar-brand small{font-size:10px;color:#a9c9df}.sidebar nav{display:grid;gap:5px;padding-top:18px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#cce2f1;font-weight:650;font-size:12px}.sidebar nav a:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar nav a.active{background:#fff;color:#0a5a94;box-shadow:0 12px 26px rgba(0,0,0,.11)}.sidebar nav a svg{width:18px;height:18px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.sidebar-foot a{display:flex;gap:10px;padding:10px;color:#fff}.admin-topbar{position:fixed;left:252px;right:0;top:0;height:72px;background:rgba(255,255,255,.95);z-index:90;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:14px;backdrop-filter:blur(16px)}.admin-topbar small{display:block;color:#6d8aa0;font-size:9px;font-weight:800;letter-spacing:.08em}.admin-topbar strong{display:block}.topbar-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:12px;background:#0876ca;color:#fff;display:grid;place-items:center;font-weight:800}.icon-btn{border:0;background:#f1f6fa;border-radius:9px;padding:8px;cursor:pointer}.sidebar-toggle{display:none}.admin-main{margin-left:252px;padding:98px 30px 50px;min-height:calc(100vh - 58px)}.admin-main>.toast{top:84px}.admin-app .app-footer{margin-left:252px}.admin-page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.admin-page-head h1{font-size:32px;margin:5px 0}.admin-page-head p{margin:0;color:var(--muted)}.head-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 8px 25px rgba(10,55,90,.05);position:relative;overflow:hidden}.stat-card span{display:block;color:var(--muted);font-size:11px;font-weight:700}.stat-card strong{font-size:32px;display:block;margin-top:5px}.stat-card i{position:absolute;width:70px;height:70px;border-radius:50%;background:#eaf6ff;right:-18px;top:-18px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-bottom:16px}.compact-list{display:grid;gap:8px}.compact-list>a,.compact-row{display:flex;align-items:center;gap:10px;border:1px solid #e3ebf1;border-radius:12px;padding:10px 11px}.compact-list>a:hover{background:#f7fbfe}.compact-list>a div,.compact-row div{flex:1}.compact-list b,.compact-list small,.compact-row b,.compact-row small{display:block}.compact-list small,.compact-row small{color:var(--muted);font-size:10px}.compact-list em{font-style:normal}.date-pill{width:50px;height:40px;border-radius:10px;background:#eaf5fd;display:grid;place-items:center;color:#0b64b7;font-size:10px;font-weight:800}.verified-dot{width:30px;height:30px;border-radius:9px;background:#e8f8f2;color:#087d58;display:grid;place-items:center}.technology-panel{display:flex;justify-content:space-between;gap:20px;align-items:center}.technology-panel h3{font-size:20px;margin:5px 0}.technology-panel p{color:var(--muted);margin:0}.tech-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.tech-badges span{background:#eef7fe;border:1px solid #d5e8f7;color:#0b5b98;padding:7px 9px;border-radius:999px;font-size:9px;font-weight:800}.agenda-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.agenda-kpis>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.agenda-kpis b{display:block;font-size:24px}.agenda-kpis span{color:var(--muted);font-size:10px}.admin-two-col{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.stack-form{display:grid;gap:12px}.smart-form{display:grid;gap:22px}.form-section{padding-bottom:20px;border-bottom:1px solid #e7eef4}.form-section:last-child{border-bottom:0}.form-section h3{margin:0 0 14px}.form-actions{display:flex;justify-content:flex-end}.mini-cover{max-height:130px;border-radius:12px;object-fit:cover;margin-top:7px}.material-admin-list{display:grid;gap:8px;margin-top:16px}.material-admin-list>div{display:flex;gap:9px;align-items:center;border:1px solid #e1eaf1;border-radius:12px;padding:9px}.material-admin-list>div>div{flex:1}.material-admin-list b,.material-admin-list small{display:block}.material-admin-list small{font-size:9px;color:var(--muted)}.bulk-bar,.table-tools,.filter-bar{display:flex;align-items:center;gap:9px;margin-bottom:12px}.bulk-bar{justify-content:space-between;background:#f7fafc;border:1px solid #e1eaf1;padding:9px;border-radius:11px}.table-tools{justify-content:space-between}.table-tools input{max-width:320px}.filter-bar input{flex:1}.filter-bar select{max-width:220px}.table-wrap{overflow:auto}.table-wrap table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px}.table-wrap th{font-size:9px;text-transform:uppercase;color:#71889c;letter-spacing:.06em;text-align:left;background:#f7fafc;padding:10px;border-bottom:1px solid var(--line)}.table-wrap td{padding:12px 10px;border-bottom:1px solid #eaf0f4;vertical-align:middle;font-size:11px}.table-wrap tr:hover td{background:#fbfdfe}.table-wrap td b,.table-wrap td small{display:block}.table-wrap td small{color:var(--muted);margin-top:2px}.row-actions{display:flex;gap:9px;color:var(--blue);font-weight:700;font-size:10px}.import-drop{margin-bottom:16px}.drop-zone{border:2px dashed #c6dbe9;border-radius:16px;padding:32px;text-align:center;background:#f8fbfd;position:relative}.drop-zone b,.drop-zone span{display:block}.drop-zone span{font-size:10px;color:var(--muted)}.drop-zone input{margin-top:14px}.template-intro{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:20px;margin-bottom:16px}.template-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(10,55,90,.04)}.feature-card b,.feature-card span{display:block}.feature-card span{color:var(--muted);font-size:11px;margin-top:4px}.report-grid{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:16px}.big-metric{font-size:58px;font-weight:800;color:var(--blue);letter-spacing:-.05em}.big-metric span{font-size:18px;color:var(--muted)}.bar-list{display:grid;gap:9px}.bar-list>div{display:grid;grid-template-columns:70px 1fr 30px;gap:8px;align-items:center;font-size:10px}.bar-list i{height:8px;background:linear-gradient(90deg,#0b64b7,#5eb6ee);width:var(--w);border-radius:999px}.rank-list{display:grid;gap:8px}.rank-list>div{display:grid;grid-template-columns:25px 1fr 40px;gap:8px;border-bottom:1px solid #eaf0f4;padding-bottom:7px}.rank-list span{width:22px;height:22px;border-radius:7px;background:#eaf4fb;display:grid;place-items:center;font-size:9px}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.health-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#f7fafc;border:1px solid var(--line);margin:12px 0}.health-status span{width:9px;height:9px;border-radius:50%;background:#aaa}.health-status.ok span{background:#10a06f;box-shadow:0 0 0 5px rgba(16,160,111,.09)}.health-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.health-card dt,.health-card dd{margin:0;padding:9px 0;border-bottom:1px solid #e9eff4}.health-card dt{color:var(--muted);font-size:10px}.health-card dd{text-align:right;font-weight:700}.security-note{margin-top:16px;border-radius:13px;background:#eaf8f3;color:#0a6c50;padding:13px}.security-note b,.security-note span{display:block}.security-note span{font-size:10px;margin-top:3px}
/* designer */
.designer-page{margin:-10px -10px 0}.designer-top{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.designer-top h1{font-size:25px;margin:5px 0}.designer-top p{margin:0;color:var(--muted);font-size:11px}.designer-actions{display:flex;gap:7px;flex-wrap:wrap}.studio-grid{display:grid;grid-template-columns:180px minmax(500px,1fr) 300px;gap:12px;align-items:start}.studio-left,.studio-right{padding:13px;position:sticky;top:86px;max-height:calc(100vh - 105px);overflow:auto}.tool-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px}.tool-tabs button{border:0;background:#eef4f8;border-radius:8px;padding:7px 4px;font-size:9px;font-weight:800;cursor:pointer}.tool-tabs button.active{background:#0b64b7;color:#fff}.tool-pane{display:none}.tool-pane.active{display:grid;gap:7px}.tool-card{border:1px solid #d8e4ed;background:#fff;border-radius:10px;padding:9px;display:flex;gap:9px;align-items:center;cursor:pointer;text-align:left;color:var(--ink)}.tool-card b{width:26px;height:26px;border-radius:7px;background:#eaf4fb;display:grid;place-items:center;color:#0a62aa}.tool-card span{font-size:10px;font-weight:700}.tool-card.danger{color:var(--danger)}.tool-card.danger b{background:#fff0f1;color:var(--danger)}.switch-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-size:10px!important}.switch-row input{width:auto}.asset-upload{border:1px dashed #cbdde9;border-radius:10px;padding:10px;background:#f8fbfd}.layer-list{display:grid;gap:5px}.layer-item{display:flex;align-items:center;gap:7px;border:1px solid #dce6ee;background:#fff;border-radius:9px;padding:7px;cursor:pointer;text-align:left}.layer-item.active{border-color:#66aae0;background:#eff8ff}.layer-item div{flex:1;min-width:0}.layer-item b,.layer-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-item b{font-size:9px}.layer-item small{font-size:8px;color:var(--muted)}.layer-item em{font-style:normal;font-size:8px}.studio-canvas-wrap{min-width:0}.sample-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:8px 10px;margin-bottom:8px}.sample-bar label{display:flex;align-items:center;gap:8px}.sample-bar select{width:auto;min-width:240px;padding:7px}.sample-bar span{font-size:9px;color:var(--muted)}.canvas-scroll{overflow:auto;background:#dce9f3;border:1px solid #c9dae7;border-radius:18px;padding:18px;min-height:620px;display:flex;justify-content:center;align-items:flex-start}.canvas-stage{position:relative;width:737px;height:521px;background:#fff;box-shadow:0 16px 44px rgba(10,50,80,.14);transform-origin:top left;flex:0 0 auto}.canvas-stage canvas{position:absolute;left:0;top:0;width:737px;height:521px;display:block}.canvas-stage #designerOverlay{z-index:5;touch-action:none}.inspector-head{border-bottom:1px solid #e5edf3;padding-bottom:10px;margin-bottom:11px}.inspector-head h3{font-size:16px;margin:3px 0}.inspector-head p{font-size:9px;color:var(--muted);margin:0}.inspector-fields{display:grid;gap:10px}.inspector-fields.disabled{opacity:.4;pointer-events:none}.inspector-fields label{font-size:9px}.inspector-fields input,.inspector-fields select,.inspector-fields textarea{padding:7px 8px;border-radius:8px;font-size:10px}.inspector-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.designer-savebar{position:sticky;bottom:8px;z-index:20;margin-top:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border:1px solid #cfe0ec;border-radius:15px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 30px rgba(9,50,80,.12)}.designer-savebar b,.designer-savebar span{display:block}.designer-savebar span{font-size:9px;color:var(--muted)}
@media(max-width:1100px){.public-hero{margin:20px}.public-section{padding-left:20px;padding-right:20px}.agenda-grid{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:160px minmax(440px,1fr)}.studio-right{grid-column:1/-1;position:relative;top:auto;max-height:none}.admin-two-col,.settings-grid,.report-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.template-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.public-topbar{padding:0 14px}.public-topbar nav{gap:12px}.public-brand div{display:none}.public-hero{grid-template-columns:1fr;padding:32px;margin:14px}.public-hero h1{font-size:36px}.hero-visual{display:none}.section-head{align-items:stretch;flex-direction:column}.public-filter{display:grid;grid-template-columns:1fr 1fr}.agenda-grid{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr;margin:18px}.form-page,.portal-result{margin-left:14px;margin-right:14px}.form-grid,.result-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;margin:20px}.login-visual{display:none}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0)}.admin-topbar{left:0;padding:0 14px}.sidebar-toggle{display:block}.admin-main{margin-left:0;padding:88px 14px 40px}.admin-app .app-footer{margin-left:0}.stat-grid,.agenda-kpis{grid-template-columns:1fr 1fr}.admin-page-head{align-items:flex-start;flex-direction:column}.studio-grid{grid-template-columns:1fr}.studio-left,.studio-right{position:relative;top:auto;max-height:none}.studio-left{display:grid;grid-template-columns:1fr}.canvas-scroll{min-height:500px}.technology-panel,.template-intro{grid-template-columns:1fr;display:grid}.tech-badges{justify-content:start}.template-feature-grid{grid-template-columns:1fr}}
@media(max-width:520px){.public-topbar nav a{font-size:10px}.public-hero h1{font-size:30px}.stat-grid,.agenda-kpis{grid-template-columns:1fr}.login-card{padding:30px}.certificate-toolbar{grid-template-columns:1fr}.certificate-info{flex-direction:column;align-items:center}.public-filter{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}


/* v6.1 Account Security */
.avatar-link{display:grid!important;place-items:center;text-decoration:none;transition:.2s}.avatar-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(10,79,134,.18)}
.account-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:16px;align-items:start}.account-profile-card{display:grid;justify-items:start;gap:14px}.account-profile-card h2{font-size:24px;margin:4px 0}.account-profile-card p{color:var(--muted);margin:0}.account-avatar-lg{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#0d75cf,#074b83);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800;box-shadow:0 14px 30px rgba(10,79,134,.18)}.account-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.account-meta span{border:1px solid var(--line);background:#f8fbfd;border-radius:11px;padding:9px 11px;font-size:10px}.account-meta b{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.security-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf8f3;border:1px solid #c5eadc;color:#087d58;font-size:9px;font-weight:800;letter-spacing:.08em}.password-field{position:relative}.password-field input{padding-right:82px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:#eef5fa;color:#0a5794;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}.password-strength{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:9px;color:var(--muted);font-size:9px}.password-strength:before{content:"";height:7px;border-radius:999px;background:#e4ebf1;grid-column:1}.password-strength i{display:block;height:7px;border-radius:999px;background:#d25561;width:18px;margin-top:-16px;z-index:2;transition:.2s}.password-strength[data-score="3"] i{width:48px;background:#d99a1a}.password-strength[data-score="4"] i{width:70px;background:#3d9b79}.password-strength[data-score="5"] i{width:90px;background:#087d58}.password-strength span{grid-column:2;grid-row:1}.password-rules{display:flex;gap:6px;flex-wrap:wrap}.password-rules span{padding:5px 8px;border-radius:999px;background:#f2f5f7;border:1px solid #e0e7ed;color:#8090a0;font-size:8px;font-weight:700}.password-rules span.ok{background:#eaf8f3;border-color:#c6eadc;color:#087d58}.password-card .btn.primary{margin-top:4px}@media(max-width:900px){.account-grid{grid-template-columns:1fr}}

/* ========================================================================
   v6.2 — Secure Portal + reCAPTCHA + Premium Login UI
   ======================================================================== */
.portal-auth-v62{position:relative;max-width:1120px;margin:48px auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:24px;align-items:stretch}.portal-auth-v62:before,.secure-login-v62:before{content:"";position:fixed;inset:72px 0 0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 12% 22%,rgba(41,145,230,.13),transparent 28%),radial-gradient(circle at 88% 70%,rgba(8,92,166,.10),transparent 31%),linear-gradient(180deg,#f4faff 0,#eef7fc 45%,#f7fbfe 100%)}.portal-auth-v62:after,.secure-login-v62:after{content:"";position:fixed;inset:72px 0 0;pointer-events:none;z-index:-1;opacity:.32;background-image:linear-gradient(rgba(14,89,146,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(14,89,146,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 88%)}
.portal-auth-showcase{position:relative;overflow:hidden;border-radius:30px;padding:46px;background:linear-gradient(145deg,#063d6a 0%,#075b99 54%,#0a76c3 100%);color:#fff;box-shadow:0 28px 70px rgba(7,72,120,.20)}.portal-auth-showcase:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-150px;top:-130px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 48px rgba(255,255,255,.04),0 0 0 96px rgba(255,255,255,.025);animation:v62-orbit 12s linear infinite}.portal-auth-showcase:after{content:"";position:absolute;right:34px;bottom:32px;width:150px;height:150px;background:radial-gradient(circle,rgba(111,205,255,.32),transparent 68%);filter:blur(3px)}@keyframes v62-orbit{50%{transform:translateY(14px) rotate(8deg)}}.portal-auth-showcase .eyebrow,.secure-login-showcase .eyebrow.light{color:#a9ddff;position:relative;z-index:2}.portal-auth-showcase h1{position:relative;z-index:2;font-size:42px;line-height:1.08;letter-spacing:-.035em;margin:10px 0 16px;max-width:610px}.portal-auth-showcase>p{position:relative;z-index:2;color:rgba(255,255,255,.78);font-size:15px;line-height:1.75;max-width:590px}.portal-security-icon{position:relative;z-index:2;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:28px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.portal-benefits{position:relative;z-index:2;display:grid;gap:10px;margin-top:30px}.portal-benefits>div{display:grid;grid-template-columns:38px 1fr;gap:2px 12px;padding:13px 15px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.portal-benefits>div>span{grid-row:1/3;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.11);color:#c7ecff;font-size:10px;font-weight:900}.portal-benefits b{font-size:12px}.portal-benefits small{color:rgba(255,255,255,.66);font-size:9px;line-height:1.45}.secure-note,.login-trust-line{position:relative;z-index:2;display:flex;align-items:center;gap:9px;margin-top:26px;color:rgba(255,255,255,.72);font-size:9px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#65e4bb;box-shadow:0 0 0 0 rgba(101,228,187,.5);animation:v62-pulse 2s infinite}@keyframes v62-pulse{70%{box-shadow:0 0 0 9px rgba(101,228,187,0)}}
.portal-auth-card{position:relative;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid rgba(185,212,231,.8);border-radius:30px;padding:38px;box-shadow:0 26px 68px rgba(11,70,112,.13);align-self:stretch;display:flex;flex-direction:column;justify-content:center}.portal-card-mark,.login-card-icon{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#e4f5ff,#d7efff);border:1px solid #cce8f8;display:grid;place-items:center;color:#0870c2;font-weight:900;font-size:21px;margin-bottom:20px}.login-card-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9}.portal-auth-card h2{font-size:29px;line-height:1.14;letter-spacing:-.025em;margin:8px 0 10px;color:#062f50}.portal-auth-card>p{margin:0 0 24px;color:#6b8294;line-height:1.65}.portal-auth-card form{display:grid;gap:14px}.portal-auth-card label,.login-card-v62 label{font-weight:800;color:#123f61;font-size:10px;display:grid;gap:7px}.premium-input,.field-with-icon{position:relative;display:flex;align-items:center;border:1px solid #cbddea;border-radius:13px;background:#fbfdff;box-shadow:0 4px 10px rgba(9,72,116,.025);transition:.2s}.premium-input:focus-within,.field-with-icon:focus-within{border-color:#2b96e5;box-shadow:0 0 0 4px rgba(43,150,229,.11);background:#fff}.premium-input>span,.field-with-icon>span{width:42px;display:grid;place-items:center;color:#6f94af;font-size:13px}.premium-input input,.field-with-icon input{border:0!important;box-shadow:none!important;background:transparent!important;padding:13px 13px 13px 0!important;min-height:46px;width:100%}.portal-submit,.login-submit{min-height:48px;border-radius:13px!important;display:flex!important;justify-content:center;gap:10px;align-items:center;font-weight:800!important;box-shadow:0 10px 22px rgba(8,112,194,.20)}.portal-submit span,.login-submit span{font-size:17px;transition:.2s}.portal-submit:hover span,.login-submit:hover span{transform:translateX(3px)}.portal-help{margin-top:18px;padding:13px 14px;border-radius:13px;background:#f5f9fc;border:1px solid #e2ebf2}.portal-help b,.portal-help span{display:block}.portal-help b{font-size:9px;color:#28516e}.portal-help span{font-size:8.5px;color:#748999;margin-top:2px;line-height:1.5}.release-chip.premium{margin:0 0 18px;border-radius:11px;border:1px solid #d5e7f4;background:#f2f9fe;color:#31637f;padding:10px 12px;font-size:9px}.event-showcase{padding:28px}.event-showcase h1{font-size:29px;margin-top:10px}.event-poster-frame{position:relative;z-index:2;border-radius:19px;overflow:hidden;margin-bottom:24px;box-shadow:0 18px 40px rgba(0,24,45,.2);border:1px solid rgba(255,255,255,.2);aspect-ratio:16/8.6}.event-poster-frame img{width:100%;height:100%;object-fit:cover;display:block}.event-poster-placeholder{position:relative;z-index:2;aspect-ratio:16/8.6;border-radius:19px;margin-bottom:24px;background:rgba(255,255,255,.09);border:1px dashed rgba(255,255,255,.22);display:grid;place-items:center;align-content:center;gap:8px}.event-poster-placeholder img{width:60px;height:60px;object-fit:contain}.event-poster-placeholder span{font-size:10px;font-weight:900;letter-spacing:.14em}.event-access-meta{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.event-access-meta span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:700}
/* reCAPTCHA card */
.captcha-security-box{display:grid;gap:9px;border:1px solid #d5e4ef;border-radius:15px;background:linear-gradient(180deg,#fbfdff,#f5faff);padding:12px;overflow:hidden}.captcha-copy{display:flex;align-items:center;gap:9px}.captcha-copy b,.captcha-copy small{display:block}.captcha-copy b{font-size:9px;color:#214d6b}.captcha-copy small{font-size:8px;color:#7c91a0;margin-top:1px}.captcha-shield{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#e6f7ef;color:#0b8b62;font-size:11px;font-weight:900}.captcha-security-box .g-recaptcha{min-height:78px;display:flex;align-items:center;justify-content:flex-start}.captcha-provider{font-size:7px;color:#93a5b1;text-align:left}.captcha-inline-error{color:#b32635;background:#fff0f2;border:1px solid #f2c9ce;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:700}.captcha-security-box.verified{border-color:#bfe8d7;background:#f5fcf9}.captcha-security-box.verified .captcha-shield{background:#daf5e9}.recaptcha-config-badge{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em}.recaptcha-config-badge.ready{background:#e5f7ef;color:#087c58;border:1px solid #c5eadc}.recaptcha-config-badge.warning{background:#fff6dd;color:#966400;border:1px solid #f1daa3}.settings-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:18px 0 10px;padding-top:16px;border-top:1px solid var(--line)}.settings-section-title h4{margin:3px 0}.settings-section-title p{font-size:9px;color:var(--muted);margin:0}.recaptcha-setting-info{padding:10px 12px;border-radius:11px;background:#f4f9fc;border:1px solid #deebf3}.recaptcha-setting-info b,.recaptcha-setting-info span{display:block}.recaptcha-setting-info b{font-size:9px}.recaptcha-setting-info span{font-size:8px;color:var(--muted);margin-top:2px}
/* Admin login v6.2 */
.secure-login-v62{position:relative;max-width:1120px;margin:44px auto 70px;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:0;min-height:620px}.secure-login-showcase{position:relative;overflow:hidden;background:linear-gradient(145deg,#063c68,#075894 52%,#096fb7);border-radius:30px 0 0 30px;padding:50px;color:#fff;box-shadow:0 28px 70px rgba(7,72,120,.18)}.secure-login-showcase:after{content:"";position:absolute;width:360px;height:360px;right:-180px;bottom:-180px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,.035),0 0 0 100px rgba(255,255,255,.022)}.login-brand-orb{position:relative;z-index:2;width:76px;height:76px;border-radius:23px;background:#fff;display:grid;place-items:center;margin-bottom:30px;box-shadow:0 16px 34px rgba(1,31,54,.23)}.login-brand-orb img{width:62px;height:62px;object-fit:contain}.secure-login-showcase h1{position:relative;z-index:2;font-size:42px;line-height:1.08;letter-spacing:-.035em;margin:10px 0 15px}.secure-login-showcase>p{position:relative;z-index:2;color:rgba(255,255,255,.74);line-height:1.7;font-size:14px}.security-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.security-feature-grid>div{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07)}.security-feature-grid b,.security-feature-grid span{display:block}.security-feature-grid b{font-size:10px}.security-feature-grid span{font-size:8.5px;color:rgba(255,255,255,.62);margin-top:3px;line-height:1.45}.secure-login-form-wrap{display:flex;align-items:center;background:rgba(255,255,255,.96);border:1px solid #d5e4ef;border-left:0;border-radius:0 30px 30px 0;padding:44px;box-shadow:0 28px 70px rgba(7,72,120,.10)}.login-card-v62{width:100%;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.login-card-v62 h2{font-size:29px;margin:8px 0 8px}.login-card-v62>p{color:#72899b;margin-bottom:22px}.field-eye{position:absolute;right:7px;border:0;background:#eaf3f9;color:#2e5e7e;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}.login-security-foot{display:flex;gap:8px;align-items:flex-start;margin-top:14px;padding-top:12px;border-top:1px solid #e6edf2}.login-security-foot small{color:#8296a5;line-height:1.5;font-size:8px}
@media(max-width:900px){.portal-auth-v62,.secure-login-v62{grid-template-columns:1fr;margin-top:22px}.portal-auth-showcase{padding:32px}.portal-auth-showcase h1,.secure-login-showcase h1{font-size:34px}.portal-auth-card{padding:30px}.secure-login-showcase{border-radius:27px 27px 0 0;padding:34px}.secure-login-form-wrap{border-left:1px solid #d5e4ef;border-top:0;border-radius:0 0 27px 27px;padding:32px}.security-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.portal-auth-v62,.secure-login-v62{padding:0 12px}.portal-auth-showcase,.portal-auth-card{border-radius:22px}.portal-auth-showcase h1,.secure-login-showcase h1{font-size:29px}.portal-auth-card{padding:24px}.portal-benefits{display:none}.captcha-security-box .g-recaptcha{transform:scale(.84);transform-origin:left center;width:255px;margin-right:-49px}.security-feature-grid{grid-template-columns:1fr}.secure-login-showcase{display:none}.secure-login-form-wrap{border:1px solid #d5e4ef;border-radius:24px;padding:24px}.portal-auth-v62.event-mode .portal-auth-showcase{display:block}.event-showcase h1{font-size:24px}}
