:root{--blue:#075bd8;--green:#10a44a;--navy:#061a3d;--muted:#64748b;--line:#dfe9f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f9ff;color:#07142e}a{text-decoration:none;color:inherit}.dc-header{height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 3.7%;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.dc-brand{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#083a8c,#0e8a4c);color:#c8ffd8;font-size:28px;display:grid;place-items:center;box-shadow:0 10px 24px #0b5bd82b}.dc-brand b{font-size:26px}.dc-brand b span{color:#159646}.dc-brand small{display:block;color:#475569;font-size:12px}.dc-nav{display:flex;gap:20px;font-weight:700;font-size:14px}.dc-nav a{padding:28px 0}.dc-nav .active{color:var(--blue);border-bottom:3px solid var(--blue)}.dc-actions{display:flex;align-items:center;gap:12px}.dc-actions select{border:0;background:#fff}.btn,.bigbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800}.btn{padding:12px 23px;border:1px solid #ccd8e8}.primary,.blue{background:#065bd8;color:#fff;border-color:#065bd8}.ghost,.white{background:#fff;color:#0b1736}.dc-page{max-width:1780px;margin:auto}.hero-pro{display:grid;grid-template-columns:1.2fr .9fr .88fr;gap:28px;padding:28px 3.7% 20px;align-items:center}.pill{display:inline-block;background:#e9fbf2;color:#096334;border:1px solid #cbf3dc;border-radius:999px;padding:9px 16px;font-weight:800;font-size:14px}.hero-left h1{font-size:58px;letter-spacing:1.5px;line-height:1.04;margin:26px 0 12px}.hero-left h1 span{display:block;color:#0862d9}.hero-left p{max-width:640px;color:#344056;font-size:17px;line-height:1.6}.hero-stats{display:flex;gap:25px;margin:26px 0}.hero-stats div{border-right:1px solid #d9e4f2;padding-right:28px}.hero-stats b{display:block;color:#074fbb;font-size:24px}.hero-stats small,.api-box small,.feature-grid small,.svc small{display:block;color:#64748b}.bigbtn{padding:17px 38px;margin-right:14px;box-shadow:0 14px 25px #075bd829}.globe{height:370px;position:relative;border-radius:50%;background:radial-gradient(circle,#f8fcff 0,#eaf4ff 45%,transparent 70%);display:grid;place-items:center}.globe:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;border:1px dashed #8db6e8;box-shadow:0 0 0 35px #eaf3ff66 inset}.shield{z-index:2;width:155px;height:170px;border-radius:50% 50% 38% 38%;background:linear-gradient(145deg,#0b66cf,#041b42);color:#ccffd6;font-size:88px;display:grid;place-items:center;clip-path:polygon(50% 0,94% 20%,82% 82%,50% 100%,18% 82%,6% 20%)}.tag{position:absolute;background:#fff;border:1px solid #dce8f5;border-radius:14px;padding:12px 16px;font-size:12px;box-shadow:0 12px 30px #0b17361a}.t1{left:0;top:20px}.t2{right:0;top:70px}.t3{left:25px;bottom:40px}.t4{right:0;bottom:42px}.score-card,.panel,.side-card,.searchbar{background:#fff;border:1px solid #dfe9f5;border-radius:18px;box-shadow:0 14px 35px #0b17360f}.score-card{padding:22px}.card-head,.score-row,.side-card h3,.api-box{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-head h3,.side-card h3{margin:0}.card-head a,.side-card small{color:#075bd8;font-size:12px}.score-ring{width:140px;height:140px;border-radius:50%;border:14px solid #15a653;display:grid;place-items:center}.score-ring b{font-size:52px;color:#139449}.okdot{background:#e8fbef;color:#0b8a3b;border-radius:999px;padding:7px 12px;font-weight:800}.checks{list-style:none;padding:0}.checks li{display:flex;justify-content:space-between;margin:13px 0;color:#20304d}.checks li:before{content:'✓';color:#0f9d49;font-weight:900}.stars{color:#11a34d;font-size:25px;letter-spacing:5px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card-actions a{border:1px solid #bdd0e7;border-radius:9px;padding:12px;text-align:center;color:#0750b0;font-weight:800}.searchbar{margin:10px 3.7%;display:grid;grid-template-columns:1fr 190px 160px;padding:15px;gap:0}.searchbar input,.searchbar select{border:1px solid #dce6f3;padding:17px}.searchbar a{background:#109447;color:#fff;border-radius:10px;padding:17px;text-align:center;font-weight:900}.trends{grid-column:1/-1;color:#64748b;font-size:12px;padding:12px 6px 0}.layout-main{display:grid;grid-template-columns:1fr 485px;gap:28px;padding:12px 3.7% 28px}.panel{padding:20px}.panel h2{text-align:center;margin:0 0 20px}.service-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.svc{border:1px solid #e5edf8;border-radius:14px;padding:18px 10px;text-align:center;min-height:165px}.svc i{display:grid;place-items:center;margin:auto auto 12px;width:54px;height:54px;border-radius:50%;background:#edf4ff;font-size:28px}.svc b{display:block;font-size:13px}.api-box{border:1px solid #0d75dc;border-radius:14px;background:#fff;margin:16px 0;padding:22px}.api-box i,.feature-grid i{width:50px;height:50px;border-radius:13px;background:#075bd8;color:#fff;display:grid;place-items:center;float:left;margin-right:12px;font-style:normal}.api-box a{background:#075bd8;color:#fff;border-radius:9px;padding:14px 28px;font-weight:900}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.feature-grid div{background:#fff;border-radius:15px;border:1px solid #e4eef8;padding:18px}.feature-grid b{display:block}.dark-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:#071d43;color:#fff;border-radius:14px;margin-top:18px;padding:22px}.dark-stats div{border-right:1px solid #24466f;padding:0 22px}.dark-stats b{font-size:24px}.dark-stats small{display:block;color:#c9d7ea}.right-col{display:grid;gap:14px}.side-card{padding:18px}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.index-grid div{text-align:center;border:1px solid #e2ebf6;border-radius:12px;padding:18px 8px}.index-grid b{display:block;font-size:18px}.world{height:220px;border-radius:14px;background:linear-gradient(120deg,#dff7e8,#fff0dd,#ffe2e2);display:grid;place-items:center;font-size:120px;animation:slowRiskMapSpin 28s linear infinite;transform-origin:center;will-change:transform}@keyframes slowRiskMapSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.map p{display:flex;gap:18px;color:#64748b;font-size:12px}.recent{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef3f8;padding:12px 0}.recent span{font-size:12px;font-weight:900;border-radius:999px;padding:5px 10px}.verified{color:#07823a;background:#e9fbf0}.underreview{color:#b56b00;background:#fff6d8}.risky{color:#d82222;background:#ffe8e8}.footer{background:#061a3d;color:#dbeafe;text-align:center;padding:24px}.admin-layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#071d43;color:#dbeafe;padding:20px;position:sticky;top:0;height:100vh}.sidebar a{display:block;padding:12px 14px;border-radius:10px;margin:4px 0}.sidebar a:hover{background:#12396c}.main{padding:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.admin-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2ebf6;box-shadow:0 12px 25px #0b17360c}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #e5edf8;text-align:left}input,select,textarea{width:100%;padding:13px;border:1px solid #ccd8e8;border-radius:10px;margin:6px 0 14px}label{font-weight:800}.alert{padding:12px;border-radius:10px}.alert.green{background:#dcfce7;color:#166534}.btn.dark{background:#071d43;color:#fff}@media(max-width:1200px){.hero-pro,.layout-main{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(4,1fr)}.feature-grid,.dark-stats{grid-template-columns:repeat(2,1fr)}.dc-nav{display:none}}@media(max-width:680px){.dc-header{height:auto;align-items:flex-start;flex-direction:column;padding:14px}.dc-actions{width:100%;flex-wrap:wrap}.hero-left h1{font-size:42px}.hero-stats,.card-head,.score-row,.api-box{flex-direction:column;align-items:flex-start}.searchbar{grid-template-columns:1fr}.service-grid,.index-grid,.feature-grid,.dark-stats,.stats,.admin-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.layout-main,.hero-pro{padding:15px}.globe{height:260px}.tag{display:none}}
/* Updated Live Risk Map: card stays fixed, only the map artwork rotates slowly */
.map-viewport{height:255px;border-radius:16px;background:linear-gradient(120deg,#e9f7ff,#f7fff8 45%,#fff3ed);position:relative;overflow:hidden;border:1px solid #e2ebf6;box-shadow:inset 0 0 35px #0b5bd80c}.world{animation:none}.world-map{position:absolute;left:50%;top:50%;width:360px;height:190px;transform:translate(-50%,-50%);animation:slowRiskMapSpin 55s linear infinite;transform-origin:center;will-change:transform}.world-map:before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed #9ac1e8;background:radial-gradient(circle at 50% 50%,#ffffff70,#d9efff40 70%)}.continent{position:absolute;display:block;background:linear-gradient(135deg,#22b969,#0d72d8);opacity:.82;border-radius:55% 45% 50% 50%;box-shadow:0 6px 16px #0b5bd820}.c1{width:82px;height:70px;left:42px;top:45px;transform:rotate(-20deg)}.c2{width:62px;height:88px;left:108px;top:82px;transform:rotate(24deg);border-radius:45% 55% 60% 40%}.c3{width:95px;height:75px;left:168px;top:42px;transform:rotate(12deg)}.c4{width:82px;height:92px;left:224px;top:78px;transform:rotate(-18deg);background:linear-gradient(135deg,#f5b544,#ef4444)}.c5{width:70px;height:42px;left:282px;top:128px;transform:rotate(15deg);background:linear-gradient(135deg,#22b969,#0d72d8)}.country-pin{position:absolute;transform:translate(-50%,-100%);z-index:3;background:#fff;border:1px solid #dbe8f6;border-radius:10px;padding:5px 8px 6px 18px;min-width:82px;box-shadow:0 10px 24px #07142e1c;font-size:10px;line-height:1.15;white-space:nowrap}.country-pin i{position:absolute;left:6px;top:8px;width:8px;height:8px;background:#10a44a;border-radius:50%;box-shadow:0 0 0 5px #10a44a22;animation:pinPulse 1.8s ease-in-out infinite}.country-pin b{display:block;color:#061a3d;font-size:11px}.country-pin small{color:#075bd8;font-weight:800}@keyframes pinPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.65}}

/* V4 Live Risk Map: visible map rotates, flag pins stay clickable and live users change */
.map-viewport{height:285px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#ffffff 0,#edf8ff 45%,#eaf4ff 100%)}
.world-map{width:420px;height:220px;opacity:.94;z-index:1;animation:slowRiskMapSpin 70s linear infinite;filter:drop-shadow(0 12px 20px rgba(7,20,46,.08))}
.world-map:before{inset:-2px;border:1px dashed #95bee8;background:radial-gradient(circle at 50% 50%,#fff8,#dbeeff4d 70%)}
.map-pins-layer{position:absolute;inset:0;z-index:5;pointer-events:none}
.flag-pin{pointer-events:auto;border:0;background:rgba(255,255,255,.94);cursor:pointer;transition:.25s ease;min-width:auto;padding:4px 7px 5px 23px;border:1px solid #d9e7f5;backdrop-filter:blur(8px)}
.flag-pin:hover,.flag-pin:focus{transform:translate(-50%,-105%) scale(1.08);z-index:10;box-shadow:0 14px 30px rgba(7,20,46,.22);outline:none}
.flag-pin .flag{position:absolute;left:5px;top:5px;font-size:15px;line-height:1}
.flag-pin:after{content:'';position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid rgba(255,255,255,.94)}
.flag-pin b{display:block;color:#07142e;font-size:10px;max-width:76px;overflow:hidden;text-overflow:ellipsis}
.flag-pin small{display:block;color:#08713a;font-size:9px;font-weight:900}.flag-pin em{font-style:normal}
.map-tooltip{position:absolute;left:14px;bottom:12px;z-index:8;background:#071d43;color:#fff;border-radius:12px;padding:9px 12px;font-size:12px;box-shadow:0 14px 25px rgba(7,20,46,.22);opacity:.86}.map-tooltip.show{opacity:1;background:#075bd8}.map-tooltip strong{font-size:13px}

/* Laravel portfolio style admin/frontend upgrade */
.portfolio-panel{background:#fff;border:1px solid #e2ebf6;border-radius:18px;margin-top:18px;padding:22px;box-shadow:0 12px 28px #0b17360d}.portfolio-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-head h2{margin:0}.portfolio-head p{color:#64748b;margin:7px 0 0}.portfolio-head a{background:#071d43;color:#fff;border-radius:10px;padding:12px 18px;font-weight:900}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.portfolio-grid article{border:1px solid #e5edf8;border-radius:16px;padding:18px;background:linear-gradient(180deg,#ffffff,#f8fbff)}.portfolio-grid span{display:inline-block;background:#e9fbf0;color:#087537;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}.portfolio-grid h3{margin:13px 0 8px}.portfolio-grid p{color:#64748b;min-height:48px}.portfolio-grid b{color:#075bd8;font-size:22px}.laravel-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#071d43,#075bd8);color:#fff;border-radius:24px;padding:28px;margin-bottom:22px;box-shadow:0 18px 38px #0b173626}.laravel-hero span{display:inline-block;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;padding:7px 12px;font-weight:800}.laravel-hero h1{margin:12px 0 8px;font-size:34px}.laravel-hero p{margin:0;color:#dbeafe;max-width:760px}.laravel-actions{display:flex;gap:10px;flex-wrap:wrap}.cms-shell{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}.cms-tabs{position:sticky;top:22px;background:#fff;border:1px solid #e2ebf6;border-radius:18px;padding:14px;box-shadow:0 12px 25px #0b17360c}.cms-tabs a{display:block;padding:13px 14px;border-radius:12px;font-weight:900;color:#334155}.cms-tabs a:hover{background:#eef6ff;color:#075bd8}.cms-content{display:grid;gap:18px}.laravel-card h2{margin:0 0 14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hint{background:#f1f7ff;border:1px dashed #bdd0e7;color:#31506f;border-radius:10px;padding:10px 12px;font-weight:700}.sticky-save{position:sticky;bottom:12px;background:#ffffffd9;backdrop-filter:blur(10px);border:1px solid #dce6f3;border-radius:16px;padding:14px;display:flex;gap:12px;box-shadow:0 12px 28px #0b17361a}.laravel-stats .stat{transition:.2s}.laravel-stats .stat:hover{transform:translateY(-3px);box-shadow:0 18px 32px #0b173614}.stat small{display:block;color:#64748b;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-grid a{background:#f1f7ff;border:1px solid #dce9f8;border-radius:14px;padding:16px;text-align:center;font-weight:900;color:#075bd8}.workflow{margin:0;padding-left:22px;line-height:2;color:#334155;font-weight:700}@media(max-width:900px){.portfolio-grid,.dashboard-grid,.cms-shell,.form-grid{grid-template-columns:1fr}.cms-tabs{position:relative;top:auto}.laravel-hero{flex-direction:column;align-items:flex-start}.portfolio-head{flex-direction:column;align-items:flex-start}}