/* Single-theme portfolio system extension. Built on the Personal_Portfolio dark Leven theme only. */
:root{--hp-accent:#04b4e0;--hp-panel:#222;--hp-panel-2:#2a2a2a;--hp-soft:#9e9e9e;--hp-border:#333;--hp-text:#f5f5f5;--hp-muted:#cfcfcf}
.site-main .page-content a{color:var(--hp-accent)}
.hp-badge{display:inline-block;padding:6px 12px;border:1px solid rgba(4,180,224,.45);border-radius:30px;color:#fff;background:rgba(4,180,224,.08);font-size:12px;letter-spacing:.3px;margin-bottom:14px}
.hp-muted{color:var(--hp-muted)}.hp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.hp-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.hp-card{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px;box-shadow:0 18px 45px rgba(0,0,0,.18);transition:.25s ease;min-height:100%}.hp-card:hover{transform:translateY(-4px);border-color:rgba(4,180,224,.45);box-shadow:0 22px 55px rgba(0,0,0,.28)}.hp-card img,.hp-thumb{width:100%;height:170px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#191919}.hp-card h3{font-size:20px;margin:16px 0 8px}.hp-card p{color:#d0d0d0}.hp-tag{display:inline-block;margin:4px 4px 0 0;padding:4px 9px;border-radius:20px;background:rgba(4,180,224,.12);color:#eafaff;font-size:12px;border:1px solid rgba(4,180,224,.2)}.hp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.hp-btn,.form-submit button,.button{display:inline-block;border:2px solid var(--hp-accent);border-radius:30px;padding:10px 22px;color:#fff;background:transparent;font-weight:600;transition:.25s ease}.hp-btn:hover,.form-submit button:hover{background:var(--hp-accent);color:#fff;text-decoration:none}.hp-btn-fill{background:var(--hp-accent);color:#fff}.hp-section{margin-top:44px}.hp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:24px}.hp-stat{padding:18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center}.hp-stat strong{display:block;font-size:28px;color:#fff}.hp-stat span{font-size:13px;color:#bbb}.hp-timeline{position:relative}.hp-timeline .timeline-item{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px;margin-bottom:18px}.skill-track{height:9px;background:#383838;border-radius:20px;overflow:hidden;margin-top:8px}.skill-fill{height:100%;background:var(--hp-accent);border-radius:20px}.hp-contact-status{margin-top:12px}.hp-alert{padding:12px 16px;border-radius:12px;background:rgba(4,180,224,.1);border:1px solid rgba(4,180,224,.25);color:#fff}.hp-error{background:rgba(220,53,69,.1);border-color:rgba(220,53,69,.35)}.hp-detail-hero{margin-bottom:26px}.hp-detail-hero img{width:100%;max-height:360px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.08)}.blog-card .post-date,.hp-date{font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.hp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.form-control,.hp-input,input,textarea,select{background:#222!important;border:1px solid #444!important;color:#fff!important;border-radius:10px!important}.hp-admin-login-note{font-size:12px;color:#aaa;margin-top:10px}.admin-shell{min-height:100vh;background:#151515;color:#fff}.admin-topbar{position:sticky;top:0;z-index:5;background:#1e1e1e;border-bottom:1px solid #333;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.admin-brand{display:flex;align-items:center;gap:12px;font-weight:700}.admin-logo{width:42px;height:42px;border-radius:50%;background:var(--hp-accent);display:grid;place-items:center;color:#fff}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 75px)}.admin-sidebar{background:#1b1b1b;border-right:1px solid #333;padding:20px}.admin-sidebar button{width:100%;display:block;text-align:left;margin-bottom:10px;border:1px solid transparent;background:transparent;color:#ddd;border-radius:12px;padding:12px 14px}.admin-sidebar button.active,.admin-sidebar button:hover{background:rgba(4,180,224,.12);border-color:rgba(4,180,224,.25);color:#fff}.admin-main{padding:26px}.admin-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.admin-card{background:#222;border:1px solid #333;border-radius:18px;padding:18px}.admin-card strong{font-size:28px;display:block}.admin-panel{background:#202020;border:1px solid #333;border-radius:20px;padding:20px;margin-bottom:22px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid #333;padding:12px;text-align:left;vertical-align:top}.admin-table th{color:#fff}.admin-table td{color:#ddd}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions button,.admin-small-btn{border:1px solid #444;background:#2a2a2a;color:#fff;border-radius:8px;padding:7px 10px}.admin-actions button:hover,.admin-small-btn:hover{border-color:var(--hp-accent)}.admin-danger{border-color:#b23!important;color:#ffb4b4!important}.admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.admin-form label{font-size:12px;color:#aaa}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:10px}.admin-form textarea{min-height:110px;grid-column:1/-1}.admin-full{grid-column:1/-1}.admin-login{max-width:460px;margin:80px auto;background:#202020;border:1px solid #333;border-radius:20px;padding:28px}.hide{display:none!important}@media(max-width:800px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow-x:auto;gap:8px}.admin-sidebar button{min-width:150px}.admin-table{font-size:12px}.hp-grid,.hp-grid-3{grid-template-columns:1fr}}
/* Senior fix pass: clean single-theme UI, admin previews, footer, animated role and portfolio-style skill icons. */
.hp-btn-primary{background:linear-gradient(135deg,#04b4e0,#078fd0);border-color:#04b4e0;color:#fff!important;box-shadow:0 12px 28px rgba(4,180,224,.22)}
.hp-btn-primary:hover{background:#fff!important;border-color:#fff!important;color:#111!important;box-shadow:0 14px 34px rgba(255,255,255,.14)}
.hp-btn-fill{background:linear-gradient(135deg,#04b4e0,#078fd0);color:#fff!important}.hp-btn-fill:hover{background:#fff!important;color:#111!important;border-color:#fff!important}.hp-typing{min-height:28px;display:inline-block;position:relative}.hp-typing:after{content:'';display:inline-block;width:2px;height:1.05em;background:#04b4e0;margin-left:4px;vertical-align:-2px;animation:hpBlink .8s steps(1) infinite}@keyframes hpBlink{50%{opacity:0}}
.hp-skill-icon-card{text-align:center;padding:24px 18px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);transition:.25s ease;min-height:235px}.hp-skill-icon-card:hover{transform:translateY(-5px);border-color:rgba(4,180,224,.45);box-shadow:0 18px 45px rgba(0,0,0,.25)}.hp-skill-orb{width:74px;height:74px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#f5f5f5;border:6px solid rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 0 0 1px rgba(0,0,0,.08)}.hp-skill-orb img{width:44px;height:44px;object-fit:contain;border:0;background:transparent;border-radius:0}.hp-skill-icon-card h3{font-size:18px;margin:8px 0 10px;color:#fff}.hp-skill-icon-card p{font-size:14px;line-height:1.45;color:#d4d4d4;margin:0}.hp-cert-card img{object-fit:contain;padding:20px;background:#181818}.hp-footer{border-top:1px solid rgba(255,255,255,.08);margin-top:55px;padding:26px 0 20px;background:rgba(0,0,0,.12)}.hp-footer-inner{display:grid;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:center;max-width:1140px;margin:0 auto;padding:0 30px}.hp-footer strong{font-size:18px;color:#fff}.hp-footer p{margin:4px 0 0;color:#aaa}.hp-footer-links{display:flex;gap:14px;flex-wrap:wrap}.hp-footer-links a{color:#cfcfcf!important}.hp-footer-links a:hover{color:#04b4e0!important}.hp-footer-copy{color:#aaa;font-size:13px;text-align:right}.image-picker{display:flex;gap:8px;align-items:center}.image-picker input{flex:1}.file-label{position:relative;overflow:hidden;cursor:pointer;margin:0}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.image-preview-wrap{margin-top:10px}.image-preview{max-width:220px;width:100%;height:120px;object-fit:cover;border-radius:12px;border:1px solid #444;background:#111}.media-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px;padding:12px;border:1px solid #333;border-radius:16px;background:#181818;max-height:310px;overflow:auto}.media-library button{background:#222;border:1px solid #333;border-radius:12px;color:#ddd;padding:8px;text-align:center}.media-library button:hover{border-color:#04b4e0}.media-library img{width:100%;height:70px;object-fit:cover;border-radius:8px;background:#111}.media-library span{display:block;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-row-img{width:72px;height:52px;object-fit:cover;border-radius:8px;border:1px solid #444;background:#111}.admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px;padding:14px 18px;border:1px solid #333;border-radius:18px;background:#202020}.admin-form textarea[name="content"],.admin-form textarea[name="about_content"]{min-height:180px}@media(max-width:800px){.hp-footer-inner{grid-template-columns:1fr;text-align:center}.hp-footer-links{justify-content:center}.hp-footer-copy{text-align:center}.image-picker{flex-wrap:wrap}.image-picker input{flex-basis:100%}}


/* Final QA polish: stronger CTA contrast, footer consistency and cleaner skill cards. */
.hp-actions .hp-btn:first-child,
.hp-btn.hp-btn-primary,
.hp-btn.hp-btn-fill{
  background:linear-gradient(135deg,#05c7f5,#0588d3)!important;
  border-color:#05c7f5!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(4,180,224,.25)!important;
}
.hp-actions .hp-btn:first-child:hover,
.hp-btn.hp-btn-primary:hover,
.hp-btn.hp-btn-fill:hover{
  background:#ffffff!important;
  border-color:#ffffff!important;
  color:#111!important;
}
.hp-actions .hp-btn:not(:first-child){
  color:#fff!important;
  border-color:#05c7f5!important;
  background:rgba(5,199,245,.04)!important;
}
.hp-actions .hp-btn:not(:first-child):hover{background:#05c7f5!important;color:#fff!important;}
.hp-skill-icon-card{background:radial-gradient(circle at top,rgba(4,180,224,.08),rgba(255,255,255,.018) 55%,rgba(255,255,255,.012));}
.hp-skill-orb{transition:.25s ease;}
.hp-skill-icon-card:hover .hp-skill-orb{transform:scale(1.05);box-shadow:0 16px 34px rgba(4,180,224,.18),inset 0 0 0 1px rgba(0,0,0,.08)}
.hp-footer{width:100%;}
.hp-admin-schema-warning{padding:12px 16px;margin-bottom:16px;border:1px solid rgba(255,193,7,.35);background:rgba(255,193,7,.08);color:#ffe6a0;border-radius:14px;}


/* Publish polish requested before going live */
body.page{min-height:100vh;}
#page_container{min-height:100vh;display:flex;flex-direction:column;}
#main{flex:1 0 auto;}
.hp-footer{flex-shrink:0;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:55px;background:#181818;border-top:1px solid rgba(255,255,255,.09);box-shadow:0 -18px 45px rgba(0,0,0,.18);}
.hp-footer-inner{max-width:1280px;width:100%;}
.hp-skills-main{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:10px;}
.hp-skills-slider-wrap{margin-top:22px;}
.hp-skills-slider-title{font-weight:700;color:#fff;margin:0 0 12px;position:relative;display:inline-block;}
.hp-skills-slider-title:after{content:'';display:block;width:44px;height:2px;background:#04b4e0;margin-top:5px;}
.hp-skills-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;scrollbar-color:#04b4e0 #333;}
.hp-skills-slider .hp-skill-icon-card{min-width:255px;scroll-snap-align:start;}
.hp-mobile-extra{display:none!important;}
.hp-skill-icon-card{background:#2f2f2f;border:0;box-shadow:none;border-radius:0;min-height:230px;padding:24px 18px 18px;}
.hp-skill-icon-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.18);}
.hp-skill-orb{width:68px;height:68px;border:0;background:#f2f2f2;margin-bottom:12px;}
.hp-skill-orb img{width:42px;height:42px;}
.hp-skill-icon-card h3{font-size:16px;line-height:1.2;font-weight:700;margin:8px 0 10px;}
.hp-skill-icon-card p{font-size:13px;line-height:1.35;color:#f0f0f0;max-width:245px;margin:0 auto;}
.hp-mobile-slider{scrollbar-color:#04b4e0 #333;}
.hp-rich-content p{margin-bottom:14px;}
.hp-rich-content ul{padding-left:22px;margin-bottom:16px;}
.admin-dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:radial-gradient(circle at top right,rgba(4,180,224,.14),#202020 42%);}
.admin-dashboard-hero h1{font-size:38px;margin:4px 0 6px;}
.holo-card{min-width:230px;border:1px solid rgba(4,180,224,.35);border-radius:22px;padding:20px;background:linear-gradient(145deg,rgba(4,180,224,.16),rgba(255,255,255,.03));box-shadow:0 0 40px rgba(4,180,224,.12),inset 0 0 22px rgba(4,180,224,.08);}
.holo-card span,.holo-card small{display:block;color:#bdefff;}
.holo-card strong{display:block;font-size:26px;margin:8px 0;color:#fff;}
.admin-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:22px;}
.admin-chart-grid canvas{width:100%;height:180px;display:block;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border-radius:14px;border:1px solid rgba(255,255,255,.06);}
.holographic-panel{position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(4,180,224,.13),#202020 58%);}
.holographic-panel:before{content:'';position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(4,180,224,.08),transparent);animation:spinHolo 8s linear infinite;}
.holographic-panel>*{position:relative;z-index:1;}
@keyframes spinHolo{to{transform:rotate(360deg)}}
.holo-orb{width:160px;height:160px;border-radius:50%;margin:18px auto;display:grid;place-items:center;background:radial-gradient(circle,rgba(4,180,224,.3),rgba(4,180,224,.06) 62%,transparent 64%);border:1px solid rgba(4,180,224,.35);box-shadow:0 0 50px rgba(4,180,224,.18);text-align:center;}
.holo-orb span{font-size:42px;font-weight:800;color:#fff;display:block;}
.holo-orb small{color:#bdefff;display:block;}
.rich-editor{min-height:160px;background:#222;border:1px solid #444;color:#fff;border-radius:10px;padding:12px;outline:none;line-height:1.55;}
.rich-editor:focus{border-color:#04b4e0;box-shadow:0 0 0 3px rgba(4,180,224,.12);}
.rich-source{display:none!important;}
.rte-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:6px 0 8px;}
.rte-toolbar button{border:1px solid #444;background:#2a2a2a;color:#fff;border-radius:8px;padding:6px 10px;}
.rte-toolbar button:hover{border-color:#04b4e0;}
@media(max-width:900px){
  .hp-skills-main{grid-template-columns:repeat(3,minmax(190px,1fr));}
  .hp-skills-main .hp-main-skill:nth-child(4){display:none;}
  .hp-mobile-extra{display:block!important;}
  .hp-mobile-slider{display:flex!important;grid-template-columns:none!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;}
  .hp-mobile-slider>.hp-card{min-width:82%;scroll-snap-align:start;}
  .admin-chart-grid{grid-template-columns:1fr;}
  .admin-dashboard-hero{display:block;}
  .holo-card{margin-top:18px;}
}
@media(max-width:640px){
  .hp-skills-main{grid-template-columns:1fr;}
  .hp-skills-main .hp-main-skill:nth-child(n+4){display:none;}
  .hp-skills-slider .hp-skill-icon-card{min-width:82%;}
  .hp-footer-inner{grid-template-columns:1fr!important;text-align:center;}
  .hp-footer-links{justify-content:center;}
  .hp-footer-copy{text-align:center;}
}


/* FINAL MICRO POLISH: footer placement, clean resume skill bars, safe mobile skill layouts, futuristic admin. */
html, body.page, .page-scroll{min-height:100vh;}
.page-scroll{display:flex;flex-direction:column;}
#page_container{min-height:100vh;display:flex!important;flex-direction:column;}
#main{flex:1 0 auto;}
.hp-footer{margin-top:auto!important;}
.admin-shell .hp-footer{display:none!important;}

/* Resume progress bars: cleaner spacing and no visible numbers */
.hp-resume-skill{margin:0 0 24px;}
.hp-resume-skill h4{font-size:17px;line-height:1.25;margin:0 0 10px;color:#fff;font-weight:700;}
.hp-resume-skill .skill-value{display:none!important;}
.hp-resume-skill .skill-track{height:8px;margin:0;background:#343434;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);}
.hp-resume-skill .skill-fill{background:linear-gradient(90deg,#04b4e0,#07c6f0);box-shadow:0 0 18px rgba(4,180,224,.18);}
[data-design-skills], [data-coding-skills]{padding-top:4px;}

/* Home/about skill cards: reference-style, contained, no mobile overflow */
.hp-skills-showcase{width:100%;max-width:100%;overflow:hidden;}
.hp-skills-main,.hp-skills-slider{box-sizing:border-box;max-width:100%;}
.hp-skill-icon-card{box-sizing:border-box;width:100%;overflow:hidden;}
.hp-skill-icon-card p{overflow-wrap:anywhere;}
.hp-skills-slider{width:100%;-webkit-overflow-scrolling:touch;}
.hp-mobile-slider{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
@media(max-width:900px){
  .hp-skills-main{grid-template-columns:1fr!important;gap:16px!important;}
  .hp-skills-main .hp-main-skill:nth-child(n+4){display:none!important;}
  .hp-mobile-extra{display:block!important;}
  .hp-skills-slider{gap:14px!important;padding-bottom:14px;}
  .hp-skills-slider .hp-skill-icon-card{min-width:82%;max-width:82%;}
}
@media(max-width:420px){
  .hp-skills-slider .hp-skill-icon-card{min-width:88%;max-width:88%;}
  .hp-skill-icon-card{padding:22px 14px 18px;min-height:205px;}
  .hp-skill-icon-card h3{font-size:14px;}
  .hp-skill-icon-card p{font-size:12px;line-height:1.32;}
  .hp-skill-orb{width:62px;height:62px;}
  .hp-skill-orb img{width:38px;height:38px;}
}

/* Futuristic admin dashboard/cards/messages */
.admin-shell{background:radial-gradient(circle at top left,rgba(4,180,224,.08),transparent 26%),radial-gradient(circle at top right,rgba(124,58,237,.08),transparent 28%),#121212;}
.admin-topbar{background:rgba(22,22,22,.88);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.28);}
.admin-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(4,180,224,.14);box-shadow:0 18px 44px rgba(0,0,0,.22);}
.admin-card:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(4,180,224,.08),transparent);transform:translateX(-100%);animation:adminScan 5.5s infinite;}
@keyframes adminScan{40%,100%{transform:translateX(110%);}}
.admin-dashboard-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(4,180,224,.22),transparent 31%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(4,180,224,.22);box-shadow:0 24px 70px rgba(0,0,0,.3), inset 0 0 50px rgba(4,180,224,.04);}
.admin-dashboard-hero:after{content:'';position:absolute;right:-110px;top:-120px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(4,180,224,.25);box-shadow:0 0 70px rgba(4,180,224,.15);}
.admin-dashboard-hero>*{position:relative;z-index:1;}
.admin-panel{background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-color:rgba(255,255,255,.075);box-shadow:0 18px 50px rgba(0,0,0,.18);}
.admin-chart-grid canvas{background:radial-gradient(circle at center,rgba(4,180,224,.08),rgba(0,0,0,.1));}
.admin-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;}
.admin-live-tile{border:1px solid rgba(4,180,224,.22);border-radius:18px;padding:16px;background:linear-gradient(145deg,rgba(4,180,224,.08),rgba(255,255,255,.02));}
.admin-live-tile span{font-size:12px;color:#bdefff;text-transform:uppercase;letter-spacing:.08em;}
.admin-live-tile strong{display:block;font-size:28px;color:#fff;margin-top:5px;}
.message-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;}
.message-card{position:relative;overflow:hidden;border:1px solid rgba(4,180,224,.16);border-radius:18px;padding:18px;background:linear-gradient(145deg,rgba(4,180,224,.06),rgba(255,255,255,.018));box-shadow:0 18px 42px rgba(0,0,0,.2);}
.message-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#04b4e0,transparent);}
.message-card h3{margin:6px 0 8px;font-size:18px;color:#fff;}
.message-card p{color:#d6d6d6;margin-bottom:12px;}
.message-meta{font-size:12px;color:#aeeeff;margin-bottom:8px;}
.message-actions{display:flex;gap:8px;flex-wrap:wrap;}
.message-status{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(4,180,224,.12);border:1px solid rgba(4,180,224,.25);font-size:12px;color:#eafaff;}


/* FINAL PUBLISH WIDTH/FOOTER FIX: remove blue outer background, keep footer full-width at true page end */
html, body, body.page{
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
  background:#222!important;
  overflow-x:hidden!important;
}
.lm-animated-bg{display:none!important;}
.page-scroll{
  width:100%!important;
  min-height:100vh!important;
  display:block!important;
  background:#222!important;
}
#page_container.page-container,
#page_container{
  width:100%!important;
  max-width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  border-radius:0!important;
  background:#222!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:0!important;
}
#main.site-main,
#main{
  width:100%!important;
  flex:1 0 auto!important;
  padding-bottom:42px!important;
}
.single-page-content .content-area,
.single-page-content,
#main-content{
  width:100%!important;
}
.hp-footer{
  flex-shrink:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:28px 0 20px!important;
  background:#181818!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 -14px 40px rgba(0,0,0,.16)!important;
}
.hp-footer-inner{
  max-width:1320px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0 50px!important;
}
.admin-shell .hp-footer{display:none!important;}
@media(max-width:991px){
  #page_container.page-container{padding-bottom:0!important;}
  #main{padding-bottom:34px!important;}
  .hp-footer-inner{padding:0 22px!important;}
}

/* 2026 portfolio polish pass: sharper professional panels, cinematic detail pages, filters, timelines. */
:root{--hp-edge:2px;--hp-line:rgba(255,255,255,.12);--hp-glow:rgba(4,180,224,.28)}
#page_container.page-container{overflow:visible}
.hp-card,.hp-stat,.timeline-item,.hp-skill-icon-card,.admin-card,.admin-panel,.hp-btn,.form-submit button,.button,.form-control,.hp-input,input,textarea,select{border-radius:var(--hp-edge)!important}
.hp-btn,.form-submit button,.button{text-transform:none;letter-spacing:.25px}
.hp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.hp-grid-3>.hp-card{height:100%}
.hp-skills-grid-six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hp-skill-icon-card{min-height:285px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));position:relative;overflow:hidden}.hp-skill-icon-card:before{content:'';position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(4,180,224,.15),transparent);transform:translateX(-110%);transition:.55s ease}.hp-skill-icon-card:hover:before{transform:translateX(110%)}.hp-skill-icon-card h3{font-size:18px;line-height:1.35}.hp-skill-orb{border-radius:4px!important;background:linear-gradient(135deg,rgba(4,180,224,.18),rgba(255,255,255,.04));border:1px solid rgba(4,180,224,.22)}
.hp-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px}.hp-stat{position:relative;text-align:left;padding:24px 22px;overflow:hidden;border-left:3px solid var(--hp-accent);background:linear-gradient(135deg,rgba(4,180,224,.12),rgba(255,255,255,.025))}.hp-stat:after{content:'';position:absolute;right:18px;top:18px;width:54px;height:54px;background:linear-gradient(135deg,rgba(4,180,224,.28),transparent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:hpFloat 4s ease-in-out infinite}.hp-stat strong{font-size:32px}.hp-stat span{display:block;margin-top:4px;text-transform:uppercase;letter-spacing:.8px}.home-text.hp-left{position:relative}.home-text.hp-left:after{content:'';position:absolute;right:-12px;bottom:-20px;width:140px;height:140px;border:1px solid rgba(4,180,224,.25);background:linear-gradient(135deg,rgba(4,180,224,.1),transparent);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);z-index:-1;animation:hpFloat 5s ease-in-out infinite}@keyframes hpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hp-timeline{position:relative;padding-left:34px}.hp-timeline:before{content:'';position:absolute;left:11px;top:6px;bottom:6px;width:1px;background:linear-gradient(to bottom,transparent,var(--hp-accent),rgba(255,255,255,.15),transparent)}.hp-timeline .timeline-item{position:relative;background:transparent!important;border:0!important;border-bottom:1px solid var(--hp-line)!important;margin:0!important;padding:0 0 24px 0!important;box-shadow:none!important}.hp-timeline .timeline-item:before{content:'';position:absolute;left:-29px;top:5px;width:13px;height:13px;background:#111;border:2px solid var(--hp-accent);box-shadow:0 0 0 6px rgba(4,180,224,.08)}.hp-timeline .timeline-item h4{margin-top:6px}.hp-timeline .timeline-item p{margin-bottom:0}.hp-resume-skill h4{font-weight:400!important;font-size:14px!important;letter-spacing:.2px}.skill-track{border-radius:1px!important;height:7px}.skill-fill{border-radius:1px!important}
.hp-filterbar,.hp-category-slider{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}.hp-filter,.hp-chip{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#fff;padding:10px 15px;border-radius:1px;text-decoration:none;transition:.22s ease}.hp-filter:hover,.hp-filter.active,.hp-chip:hover{border-color:var(--hp-accent);background:rgba(4,180,224,.16);color:#fff;text-decoration:none;transform:translateY(-2px)}.hp-portfolio-grid .hp-card{animation:hpFadeUp .45s ease both}@keyframes hpFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.hp-project-layout{display:grid;grid-template-columns:minmax(0,80%) minmax(230px,20%);gap:34px;position:relative}.hp-project-layout:before{content:'';position:absolute;left:calc(80% + 17px);top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--hp-line),var(--hp-accent),var(--hp-line),transparent)}.hp-project-main{padding-right:12px}.hp-project-sidebar{position:relative}.hp-side-panel{position:sticky;top:50%;transform:translateY(-50%);margin-right:5%;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--hp-accent);padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.hp-side-panel h3{font-size:18px;margin-top:0}.hp-side-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding:12px 0}.hp-side-row span{color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.6px}.hp-side-row strong{font-size:13px;text-align:right}.hp-side-row.hp-tools{display:block}.hp-side-row.hp-tools strong{display:block;text-align:left;margin-top:5px;line-height:1.55}.hp-doc-btn{width:100%;text-align:center;margin-top:12px}.hp-case-stack{display:grid;gap:18px;margin-top:28px}.hp-case-block{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.09);border-left:3px solid rgba(4,180,224,.6);padding:24px}.hp-case-block h3{margin-top:0;font-size:20px}.hp-case-block ul{margin:0;padding-left:18px}.hp-case-block li{margin:8px 0;color:#d8d8d8}.hp-lead-text{font-size:16px;line-height:1.8}.hp-cinematic-frame{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#141414}.hp-cinematic-frame:before,.hp-cinematic-frame:after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--hp-accent),transparent);z-index:2}.hp-cinematic-frame:before{top:12px}.hp-cinematic-frame:after{bottom:12px}.hp-cinematic-frame img{border-radius:0!important;transition:.5s ease}.hp-cinematic-frame:hover img{transform:scale(1.025)}
.hp-cert-card{display:block;text-decoration:none;color:#fff!important;min-height:100%;position:relative;overflow:hidden}.hp-cert-card:hover{text-decoration:none;color:#fff}.hp-cert-card img{height:150px}.hp-card-link{display:inline-block;margin-top:10px;color:var(--hp-accent);font-size:13px}.hp-cert-detail{max-width:980px;margin:0 auto}.hp-cert-detail .hp-detail-hero img{max-height:260px;object-fit:contain;background:#161616}
.hp-footer{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:50px;background:linear-gradient(135deg,#111,#191919);border-top:1px solid rgba(255,255,255,.1)}.hp-footer-inner{max-width:none;width:100%;padding:34px max(30px,calc((100vw - 1140px)/2));display:grid;grid-template-columns:1.1fr 1fr auto;gap:20px;align-items:center}.hp-footer p{margin:6px 0 0;color:#bfbfbf}.hp-footer-links{display:flex;gap:12px;flex-wrap:wrap}.hp-footer-links a{color:#dcdcdc!important;border:1px solid rgba(255,255,255,.1);padding:7px 10px;border-radius:1px}.hp-footer-links a:hover{border-color:var(--hp-accent);text-decoration:none}.hp-footer-copy{color:#aaa;font-size:13px;text-align:right}
@media(max-width:992px){.hp-grid-3,.hp-skills-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-project-layout{grid-template-columns:1fr}.hp-project-layout:before{display:none}.hp-side-panel{position:relative;top:auto;transform:none;margin-right:0}.hp-footer-inner{grid-template-columns:1fr;text-align:left}.hp-footer-copy{text-align:left}}
@media(max-width:620px){.hp-grid-3,.hp-skills-grid-six,.hp-stats{grid-template-columns:1fr}.hp-skill-icon-card{min-height:auto}.hp-filterbar,.hp-category-slider{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.hp-filter,.hp-chip{white-space:nowrap}.hp-footer-inner{padding:28px 18px}}


/* 2026-06 micro fix: home skills full-width, clean footer, corrected project detail divider. */
[data-skills].hp-grid-3{
  display:block!important;
  width:100%!important;
}
[data-skills] .hp-skills-grid-six{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
[data-skills] .hp-skill-icon-card{
  width:100%!important;
  min-height:260px!important;
}
.hp-footer-clean{
  grid-template-columns:1fr auto!important;
}
.hp-footer-links{
  display:none!important;
}
.hp-project-layout{
  grid-template-columns:minmax(0,calc(80% - 18px)) minmax(260px,calc(20% - 18px))!important;
  gap:36px!important;
  align-items:start!important;
}
.hp-project-layout:before{
  display:none!important;
}
.hp-project-main{
  padding-right:36px!important;
  border-right:1px solid rgba(4,180,224,.36)!important;
}
.hp-project-sidebar{
  min-width:0!important;
}
.hp-side-panel{
  position:sticky!important;
  top:120px!important;
  transform:none!important;
  margin:0!important;
  width:100%!important;
  max-width:300px!important;
  justify-self:start!important;
}
.hp-category-slider{
  display:none!important;
}
@media(max-width:992px){
  [data-skills] .hp-skills-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hp-footer-clean{grid-template-columns:1fr!important;}
  .hp-project-layout{grid-template-columns:1fr!important;gap:24px!important;}
  .hp-project-main{border-right:0!important;padding-right:0!important;}
  .hp-side-panel{max-width:none!important;position:relative!important;top:auto!important;}
}
@media(max-width:620px){
  [data-skills] .hp-skills-grid-six{grid-template-columns:1fr!important;}
}

/* Final override for fixed review items. */
.hp-footer-inner.hp-footer-clean{
  max-width:none!important;
  width:100%!important;
  padding:34px max(30px,calc((100vw - 1140px)/2))!important;
  grid-template-columns:1fr auto!important;
}
.hp-project-layout{
  grid-template-columns:minmax(0,4fr) minmax(260px,1fr)!important;
}
@media(max-width:992px){
  .hp-footer-inner.hp-footer-clean{grid-template-columns:1fr!important;padding:28px 22px!important;}
}

/* 2026 admin upgrade: sharp UI, CV action, category CMS, traffic map dashboard. */
*{border-radius:2px!important;}
.logo-symbol,.admin-logo,.home-photo,.home-photo .hp-inner,.hp-skill-orb,.holo-orb{border-radius:2px!important;}
.hp-btn,.button,.form-submit button,.admin-sidebar button,.admin-small-btn,.admin-actions button,.hp-filter,.hp-chip{border-radius:1px!important;}
.hp-actions .hp-btn{white-space:nowrap;}
.admin-settings-direct{max-width:1180px;}
.admin-direct-note{margin-top:14px;padding:12px 14px;border-left:3px solid var(--hp-accent);background:rgba(4,180,224,.08);color:#dff8ff;font-size:13px;}
.admin-card,.admin-live-tile,.admin-panel{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.admin-card:hover,.admin-live-tile:hover,.admin-panel:hover{transform:translateY(-3px);border-color:rgba(4,180,224,.42)!important;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 28px rgba(4,180,224,.08);}
.admin-live-tile{position:relative;cursor:default;}
.admin-live-tile:after{content:'Hover data: live local portfolio metric';position:absolute;left:12px;right:12px;bottom:8px;opacity:0;transform:translateY(6px);font-size:11px;color:#aeeeff;transition:.2s ease;}
.admin-live-tile:hover:after{opacity:1;transform:translateY(0);}
.admin-map-panel{grid-column:1/-1;overflow:hidden;}
.traffic-map-wrap{position:relative;min-height:330px;padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(4,180,224,.045));border:1px solid rgba(255,255,255,.08);overflow:hidden;}
.traffic-map-wrap:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(4,180,224,.08),transparent);transform:translateX(-100%);animation:adminScan 6s infinite;}
.traffic-map-wrap img{position:relative;z-index:1;width:100%;height:310px;object-fit:contain;filter:contrast(1.08) brightness(.78) sepia(.12);opacity:.86;}
.map-pulse{position:absolute;z-index:2;width:13px;height:13px;background:#04b4e0;border:2px solid #fff;box-shadow:0 0 0 8px rgba(4,180,224,.18),0 0 30px rgba(4,180,224,.65);animation:mapPulse 1.8s ease-in-out infinite;cursor:pointer;}
.map-pulse:after{content:attr(data-tip);position:absolute;left:18px;bottom:18px;min-width:210px;padding:10px 12px;background:#101010;border:1px solid rgba(4,180,224,.45);color:#fff;font-size:12px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease;box-shadow:0 18px 40px rgba(0,0,0,.35);}
.map-pulse:hover:after{opacity:1;transform:translateY(0);}
.map-pulse.uk{left:49%;top:39%;}.map-pulse.eu{left:53%;top:37%;}.map-pulse.us{left:24%;top:42%;}.map-pulse.asia{left:70%;top:44%;}
@keyframes mapPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 6px rgba(4,180,224,.12),0 0 28px rgba(4,180,224,.5)}50%{transform:scale(1.25);box-shadow:0 0 0 14px rgba(4,180,224,.04),0 0 42px rgba(4,180,224,.8)}}
.hp-footer-links,.hp-footer .hp-btn,.hp-footer a:not(:first-child){display:none!important;}
.hp-footer-inner.hp-footer-clean{grid-template-columns:1fr auto!important;}
@media(max-width:992px){.admin-map-panel{grid-column:auto}.traffic-map-wrap{min-height:240px}.traffic-map-wrap img{height:230px}.hp-actions .hp-btn{white-space:normal}.hp-footer-inner.hp-footer-clean{grid-template-columns:1fr!important;}.map-pulse:after{left:auto;right:18px;min-width:180px}}


/* Admin form restructure: reference-style grouped CMS panels with sharp futuristic edges. */
.admin-shell{background:linear-gradient(135deg,#eef9ff 0%,#f9fbff 42%,#e7f6ff 100%)!important;color:#161616!important;min-height:100vh;}
.admin-login,.admin-topbar,.admin-sidebar,.admin-main .admin-panel{background:rgba(255,255,255,.92)!important;color:#151515!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 18px 55px rgba(10,38,60,.08)!important;}
.admin-topbar{margin:18px 28px 0!important;}
.admin-layout{gap:20px!important;padding:20px 28px 28px!important;align-items:flex-start;}
.admin-sidebar{width:245px!important;min-width:245px!important;padding:22px 16px!important;position:sticky;top:20px;}
.admin-nav-title{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#777;margin:12px 10px 8px;}
.admin-sidebar button{color:#222!important;background:transparent!important;border:0!important;text-align:left!important;padding:12px 14px!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;}
.admin-sidebar button span{width:22px;color:#111;opacity:.85;}
.admin-sidebar button.active,.admin-sidebar button:hover{background:#cceeff!important;color:#0d2533!important;border-left:3px solid #04b4e0!important;box-shadow:none!important;}
.admin-main{width:100%;min-width:0;}
.admin-card,.admin-live-tile{background:#fff!important;color:#151515!important;border:1px solid rgba(0,0,0,.08)!important;}
.admin-form-card{padding:0!important;overflow:hidden;}
.admin-form-card>h2,.admin-form-card>p{padding-left:26px!important;padding-right:26px!important;}
.admin-form-card>h2{padding-top:24px!important;margin-bottom:8px!important;}
.admin-smart-form{display:block!important;padding:0 26px 24px!important;}
.admin-form-section{border-top:1px solid rgba(0,0,0,.08);padding:24px 0 6px;}
.admin-form-section h3{font-size:18px;margin:0 0 18px;color:#151515;}
.admin-form-section .hp-muted{color:#666!important;margin-top:-10px;margin-bottom:16px;}
.admin-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px;}
.admin-section-grid .admin-full{grid-column:1/-1;}
.admin-form label{font-size:12px;font-weight:600;color:#1d1d1d;margin-bottom:8px;}
.admin-form input,.admin-form select,.admin-form textarea,.admin-form .rich-editor{background:#fff!important;color:#151515!important;border:1px solid #d8e0e6!important;min-height:44px;box-shadow:none!important;}
.admin-form input:focus,.admin-form select:focus,.admin-form .rich-editor:focus{border-color:#04b4e0!important;outline:none!important;box-shadow:0 0 0 3px rgba(4,180,224,.12)!important;}
.rich-editor{min-height:130px!important;padding:12px!important;}
.rte-toolbar{background:#f5f8fb!important;border:1px solid #d8e0e6!important;border-bottom:0!important;padding:8px;}
.rte-toolbar button,.admin-small-btn,.admin-actions button{background:#fff!important;color:#111!important;border:1px solid #d8e0e6!important;padding:8px 10px!important;}
.rte-toolbar button:hover,.admin-small-btn:hover,.admin-actions button:hover{border-color:#04b4e0!important;background:#eaf8ff!important;}
.admin-file-row,.image-picker{display:grid!important;grid-template-columns:1fr auto auto;gap:10px;align-items:center;}
.admin-field-help{display:block;margin-top:8px;color:#6a6f76;font-size:12px;}
.file-label input{display:none!important;}
.image-preview-wrap{background:#f7f9fb!important;border:1px dashed #c9d6df!important;padding:12px!important;text-align:center;}
.image-preview{max-height:150px!important;object-fit:contain;}
.media-library{background:#fff!important;border:1px solid #d8e0e6!important;}
.admin-save-row{padding-top:20px!important;border-top:1px solid rgba(0,0,0,.08);}
.admin-table{color:#151515!important;}
.admin-table th{background:#f1f7fb!important;color:#1a1a1a!important;}
.admin-table td{border-color:#e7edf2!important;color:#222!important;}
.admin-dashboard-hero,.admin-map-panel,.holographic-panel{background:#fff!important;color:#151515!important;}
.admin-dashboard-hero .hp-muted,.admin-panel .hp-muted,.admin-live-tile span,.admin-card span{color:#686868!important;}
.holo-card,.traffic-map-wrap{background:#f8fbfe!important;color:#151515!important;border:1px solid #d8e0e6!important;}
.hp-doc-btn+.hp-doc-btn{margin-top:10px;background:rgba(255,255,255,.04)!important;}
@media(max-width:991px){.admin-layout{display:block!important}.admin-sidebar{width:100%!important;min-width:0!important;position:relative;top:auto;margin-bottom:18px}.admin-section-grid{grid-template-columns:1fr}.admin-file-row,.image-picker{grid-template-columns:1fr}.admin-topbar{margin:0!important}.admin-layout{padding:12px!important}}

/* Admin light-mode clarity + traffic intelligence panel upgrade */
.admin-shell,
.admin-shell *{
  text-shadow:none!important;
}
.admin-shell h1,
.admin-shell h2,
.admin-shell h3,
.admin-shell h4,
.admin-shell strong,
.admin-shell b{
  color:#102a37!important;
}
.admin-shell .hp-muted,
.admin-shell small{
  color:#5f6f78!important;
}
.admin-topbar{
  background:#ffffff!important;
  border:1px solid #d7e8f2!important;
  box-shadow:0 16px 42px rgba(12,54,75,.10)!important;
}
.admin-topbar .hp-btn,
.admin-topbar a.hp-btn,
.admin-topbar button.hp-btn,
.admin-save-row .hp-btn,
#seedBtn,
#loginBtn{
  background:#04b4e0!important;
  color:#ffffff!important;
  border:1px solid #04b4e0!important;
  box-shadow:0 10px 22px rgba(4,180,224,.22)!important;
}
.admin-topbar .hp-btn:hover,
.admin-topbar a.hp-btn:hover,
.admin-topbar button.hp-btn:hover,
.admin-save-row .hp-btn:hover,
#seedBtn:hover,
#loginBtn:hover{
  background:#028db2!important;
  border-color:#028db2!important;
  color:#ffffff!important;
  transform:translateY(-1px)!important;
}
.admin-shell .hp-badge,
.admin-badge-solid{
  background:#e8f8fe!important;
  color:#056c86!important;
  border:1px solid #aeeaff!important;
  box-shadow:none!important;
}
.admin-badge-soft{
  background:#f2fbff!important;
  color:#05728f!important;
}
.admin-card,
.admin-live-tile,
.admin-main .admin-panel{
  opacity:1!important;
  background:#ffffff!important;
  color:#102a37!important;
  border-color:#dbe8ef!important;
}
.admin-live-tile:after{
  color:#05728f!important;
  background:rgba(232,248,254,.86)!important;
  border-top:1px solid rgba(4,180,224,.15)!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:7px 12px!important;
}
.admin-live-tile:hover{
  background:#f4fbff!important;
  border-color:#82dff7!important;
}
.admin-sidebar{
  background:#ffffff!important;
  border-color:#dbe8ef!important;
}
.admin-sidebar button{
  color:#21323a!important;
}
.admin-sidebar button.active,
.admin-sidebar button:hover{
  background:#dff5ff!important;
  color:#083344!important;
}
.admin-chart-grid canvas{
  background:linear-gradient(145deg,#f7fbfd,#edf7fb)!important;
  border:1px solid #d7e8f2!important;
}
.holo-card{
  background:#f5fbff!important;
  border:1px solid #cfe9f5!important;
}
.holo-card strong,
.holo-orb span{
  color:#04a6cf!important;
}
.holo-orb{
  background:radial-gradient(circle,#bff2ff 0,#e9fbff 62%,#ffffff 100%)!important;
  border:1px solid #9be5f8!important;
}
.admin-table th,
.admin-table td{
  color:#152f3b!important;
}
.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-form .rich-editor{
  background:#ffffff!important;
  color:#152f3b!important;
  border-color:#d5e2ea!important;
}
.admin-form input::placeholder,
.admin-form textarea::placeholder{
  color:#8a9aa4!important;
}

.traffic-command-panel{
  padding:24px!important;
  overflow:hidden!important;
  position:relative!important;
  background:linear-gradient(135deg,#ffffff 0%,#f4fbff 55%,#eef9ff 100%)!important;
}
.traffic-command-panel:before{
  content:'';
  position:absolute;
  right:-140px;
  top:-160px;
  width:360px;
  height:360px;
  background:radial-gradient(circle,rgba(4,180,224,.14),transparent 68%);
  pointer-events:none;
}
.traffic-command-head{
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:flex-start;
  margin-bottom:22px;
  position:relative;
  z-index:1;
}
.traffic-command-head h3{
  margin:10px 0 6px!important;
  font-size:24px!important;
}
.traffic-command-kpi{
  min-width:170px;
  padding:16px;
  background:#ffffff;
  border:1px solid #ccebf5;
  border-left:4px solid #04b4e0;
  box-shadow:0 16px 36px rgba(12,54,75,.08);
}
.traffic-command-kpi span,
.traffic-command-kpi small{
  display:block;
  color:#60727b!important;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.traffic-command-kpi strong{
  display:block;
  font-size:34px;
  line-height:1.05;
  color:#04a6cf!important;
}
.traffic-intel-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr);
  gap:22px;
  align-items:stretch;
  position:relative;
  z-index:1;
}
.traffic-world-panel{
  position:relative;
  min-height:390px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(4,180,224,.12),transparent 34%),
    linear-gradient(145deg,#071a24,#0c3141 58%,#071f2b);
  border:1px solid #bfeaf6;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 24px 55px rgba(12,54,75,.14);
}
.world-grid-lines{
  position:absolute;
  inset:0;
  opacity:.32;
  background-image:
    linear-gradient(rgba(130,223,247,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(130,223,247,.18) 1px,transparent 1px);
  background-size:56px 56px;
}
.world-grid-lines:after{
  content:'';
  position:absolute;
  inset:16px;
  border:1px solid rgba(154,232,250,.23);
}
.continent{
  position:absolute;
  background:linear-gradient(135deg,rgba(156,231,249,.52),rgba(4,180,224,.10));
  border:1px solid rgba(174,238,255,.30);
  filter:drop-shadow(0 0 18px rgba(4,180,224,.22));
  opacity:.95;
}
.c-na{left:10%;top:23%;width:22%;height:26%;clip-path:polygon(14% 8%,72% 0,98% 25%,78% 48%,88% 72%,50% 92%,18% 70%,0 38%);}
.c-sa{left:25%;top:53%;width:12%;height:30%;clip-path:polygon(30% 0,70% 10%,86% 42%,62% 100%,28% 82%,5% 42%);}
.c-eu{left:47%;top:26%;width:13%;height:13%;clip-path:polygon(0 42%,28% 8%,70% 0,100% 40%,66% 82%,20% 78%);}
.c-af{left:47%;top:40%;width:15%;height:27%;clip-path:polygon(36% 0,76% 14%,100% 48%,62% 100%,22% 80%,0 42%);}
.c-as{left:58%;top:24%;width:29%;height:30%;clip-path:polygon(0 28%,18% 2%,58% 0,100% 26%,90% 72%,55% 92%,18% 70%);}
.c-au{left:75%;top:65%;width:14%;height:12%;clip-path:polygon(12% 30%,52% 0,100% 36%,86% 82%,32% 92%,0 60%);}
.route-line{
  position:absolute;
  height:2px;
  background:linear-gradient(90deg,transparent,#04b4e0,transparent);
  transform-origin:left center;
  opacity:.70;
  animation:routeGlow 2.4s ease-in-out infinite;
}
.r1{left:31%;top:39%;width:23%;transform:rotate(-8deg);}
.r2{left:58%;top:35%;width:22%;transform:rotate(8deg);animation-delay:.35s;}
.r3{left:54%;top:39%;width:18%;transform:rotate(30deg);animation-delay:.7s;}
@keyframes routeGlow{0%,100%{opacity:.25}50%{opacity:.95}}
.traffic-node{
  position:absolute;
  z-index:3;
  width:15px;
  height:15px;
  background:#04b4e0;
  border:2px solid #eafcff;
  box-shadow:0 0 0 8px rgba(4,180,224,.18),0 0 38px rgba(4,180,224,.75);
  animation:mapPulse 1.8s ease-in-out infinite;
  cursor:pointer;
}
.traffic-node.uk{left:52%;top:34%;}
.traffic-node.eu{left:56%;top:32%;animation-delay:.2s;}
.traffic-node.us{left:26%;top:38%;animation-delay:.4s;}
.traffic-node.asia{left:70%;top:40%;animation-delay:.6s;}
.traffic-node:after{
  content:attr(data-tip);
  position:absolute;
  left:20px;
  bottom:22px;
  min-width:235px;
  max-width:280px;
  padding:10px 12px;
  background:#ffffff;
  color:#102a37;
  border:1px solid #93e1f5;
  opacity:0;
  transform:translateY(8px);
  transition:.2s ease;
  pointer-events:none;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
  font-size:12px;
}
.traffic-node:hover:after{opacity:1;transform:translateY(0);}
.traffic-center-card{
  position:absolute;
  left:50%;
  top:52%;
  transform:translate(-50%,-50%);
  min-width:170px;
  padding:16px 18px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(147,225,245,.95);
  text-align:center;
  box-shadow:0 22px 48px rgba(0,0,0,.22);
}
.traffic-center-card span,
.traffic-center-card small{
  display:block;
  color:#60727b!important;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.traffic-center-card strong{
  display:block;
  color:#04a6cf!important;
  font-size:40px;
  line-height:1;
  margin:6px 0;
}
.traffic-insight-panel{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.traffic-mini-row,
.region-item{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:14px 15px;
  background:#ffffff;
  border:1px solid #d7e8f2;
  border-left:3px solid #04b4e0;
  box-shadow:0 12px 28px rgba(12,54,75,.06);
}
.traffic-mini-row span,
.region-item small{
  display:block;
  color:#657680!important;
  font-size:12px;
}
.traffic-mini-row strong,
.region-item strong{
  color:#102a37!important;
  text-align:right;
}
.region-list{
  display:grid;
  gap:12px;
}
.region-item b{
  display:block;
  color:#102a37!important;
}
@media(max-width:1050px){
  .traffic-intel-grid{grid-template-columns:1fr;}
  .traffic-world-panel{min-height:320px;}
  .traffic-command-head{display:block;}
  .traffic-command-kpi{margin-top:14px;}
}
@media(max-width:620px){
  .traffic-world-panel{min-height:260px;}
  .traffic-center-card{min-width:130px;padding:12px;}
  .traffic-center-card strong{font-size:30px;}
  .traffic-node:after{left:auto;right:20px;min-width:190px;}
}