html,body{margin:0!important;padding:0!important;background:#040b16!important;color:#edf3fb;font-family:Inter,Segoe UI,Arial,sans-serif}
:root{--panel:#0f1b2d;--panel2:#13233a;--panel3:#1a2a40;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.12);--text:#edf3fb;--muted:#93a5bf;--accent:#8ab9ff;--shadow:0 20px 60px rgba(0,0,0,.35)}
#wpadminbar,.site-header,.site-footer,.entry-header,.entry-footer,.post-edit-link,.edit-link,.comments-area,.widget-area,.sidebar,.nav-links,.navigation,.breadcrumbs,.page-title,.entry-title,.site-branding,.custom-logo-link,.menu-toggle,header:not(.hppdtoken-topbar),footer,aside:not(.hppdtoken-sidebar){display:none!important}
body.admin-bar{margin-top:0!important}html{margin-top:0!important}
body.page .site, body.page .site-content, body.page .content-area, body.page .site-main, article.page, article.post, .entry-content{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:transparent!important}
.entry-content > *:not(.hppdtoken-app):not(.hppdtoken-login-wrap):not(.hppdtoken-gate){display:none!important}
body{background:
 radial-gradient(circle at 20% 10%, rgba(36,84,160,.20), transparent 25%),
 radial-gradient(circle at 80% 20%, rgba(0,145,255,.12), transparent 20%),
 linear-gradient(180deg,#040b16 0%, #061120 45%, #071523 100%) !important}
*{box-sizing:border-box}

.hppdtoken-app{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:transparent}
.hppdtoken-sidebar{background:linear-gradient(180deg,rgba(6,14,26,.95),rgba(8,18,32,.90));backdrop-filter:blur(18px);border-right:1px solid var(--line);padding:22px 18px 18px;position:sticky;top:0;height:100vh;box-sizing:border-box;display:flex;flex-direction:column}
.hppdtoken-logo{display:flex;align-items:center;gap:12px;padding:10px 12px 22px;border-bottom:1px solid var(--line)}
.hppdtoken-logo strong{display:block;font-size:22px;line-height:1.2}.hppdtoken-logo small{display:block;color:var(--muted)}
.hppdtoken-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(180deg,var(--panel3),#0f1c2e)}
.hppdtoken-nav{display:grid;gap:8px;padding-top:18px}
.hppdtoken-nav-item{appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;padding:13px 14px;border-radius:16px;font-size:15px;cursor:pointer}
.hppdtoken-nav-item.active,.hppdtoken-nav-item:hover{background:linear-gradient(180deg,var(--panel3),var(--panel2));color:var(--text);border-color:var(--line2)}
.hppdtoken-side-footer{margin-top:auto;padding:18px 8px 8px}
.hppdtoken-user-card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:14px}
.hppdtoken-user-card strong{display:block;word-break:break-word}.hppdtoken-user-card span{color:var(--muted);font-size:13px}
.hppdtoken-logout{display:inline-block;margin-top:12px;color:var(--accent);text-decoration:none}

.hppdtoken-main{padding:26px 28px 28px;min-width:0}
.hppdtoken-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.hppdtoken-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}
.hppdtoken-topbar h1,.hppdtoken-login-shell h1{margin:8px 0 0;font-size:46px;line-height:1.03;font-weight:800}
.hppdtoken-btn,.hppdtoken-login-form button{appearance:none;border:none;cursor:pointer;border-radius:16px;padding:14px 18px;color:#fff;background:linear-gradient(180deg,#4784ff,#2f66d7);box-shadow:0 12px 30px rgba(52,102,221,.35);font-weight:700}
.hppdtoken-btn.alt{background:linear-gradient(180deg,#324860,#24374b)}

.hppdtoken-panel{display:none}
.hppdtoken-panel.active{display:block}
.hppdtoken-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px;align-items:start}
.hppdtoken-map-panel,.hppdtoken-mini-board,.hppdtoken-stat-card,.hppdtoken-data-panel{background:linear-gradient(180deg,rgba(15,27,45,.82),rgba(10,20,36,.72));border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.hppdtoken-panel-head h3{margin:0;font-size:28px}.hppdtoken-panel-head p{margin:8px 0 0;color:var(--muted)}
.hppdtoken-side-panels{display:grid;gap:18px}
.hppdtoken-stat-card span{display:block;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.hppdtoken-stat-card strong{display:block;margin-top:10px;font-size:34px}
.hppdtoken-map{height:680px;border-radius:24px;overflow:hidden;border:1px solid var(--line2);margin-top:16px;position:relative}
.leaflet-container{background:#091322}
.hppdtoken-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.hppdtoken-column{background:linear-gradient(180deg,rgba(16,26,40,.95),rgba(16,25,40,.80));border:1px solid var(--line);border-radius:22px;min-height:180px;display:flex;flex-direction:column}
.hppdtoken-column-head{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 8px}
.hppdtoken-column-head span{font-size:15px;font-weight:800}.hppdtoken-column-head em{font-style:normal;color:var(--muted);font-size:12px}
.hppdtoken-dropzone{padding:8px 12px 14px;display:grid;gap:10px;min-height:120px}
.hppdtoken-call{background:linear-gradient(180deg,var(--panel3),#132033);border:1px solid var(--line2);border-radius:18px;padding:14px;cursor:grab}
.hppdtoken-call.dragging{opacity:.5}.hppdtoken-call-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}
.hppdtoken-call-title{font-size:15px;font-weight:800}
.hppdtoken-pri{display:inline-flex;align-items:center;font-size:11px;font-weight:800;text-transform:uppercase;padding:7px 9px;border-radius:999px}
.hppdtoken-pri.urgent{background:rgba(255,106,121,.14);color:#ffb7c0}.hppdtoken-pri.priority{background:rgba(245,196,81,.14);color:#ffdf94}.hppdtoken-pri.routine{background:rgba(138,185,255,.16);color:#b9d6ff}
.hppdtoken-call-meta{display:grid;gap:7px;color:var(--muted);font-size:13px}
.hppdtoken-list{display:grid;gap:10px;margin-top:14px}
.hppdtoken-list-item{background:linear-gradient(180deg,var(--panel3),#132033);border:1px solid var(--line2);border-radius:18px;padding:14px}
.hppdtoken-list-item strong{display:block}.hppdtoken-list-item span{display:block;color:var(--muted);font-size:13px;margin-top:6px}
.hppdtoken-axon-form,.hppdtoken-login-form,.hppdtoken-new-call-form{display:grid;gap:14px;margin-top:16px}
.hppdtoken-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hppdtoken-form-grid .full{grid-column:1 / -1}
.hppdtoken-axon-form label,.hppdtoken-login-form label,.hppdtoken-new-call-form label{display:grid;gap:8px;color:var(--muted);font-size:13px}
.hppdtoken-axon-form input,.hppdtoken-axon-form textarea,.hppdtoken-new-call-form input,.hppdtoken-new-call-form select,.hppdtoken-login-form input{background:linear-gradient(180deg,#121e2f,#101a29);color:#edf3fb;border:1px solid var(--line2);border-radius:16px;padding:14px 15px;outline:none;box-sizing:border-box;width:100%}
.hppdtoken-inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.hppdtoken-sync-message{color:var(--muted);font-size:13px}
.hppdtoken-modal{position:fixed;inset:0;background:rgba(2,8,18,.08);display:grid;place-items:center;padding:22px;z-index:999}
.hppdtoken-modal[hidden]{display:none!important}
.hppdtoken-modal-card{width:min(560px,100%);background:linear-gradient(180deg,#111c2d,#0f1827);border:1px solid var(--line2);border-radius:28px;padding:18px;box-shadow:var(--shadow);position:relative}
.hppdtoken-modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}
.hppdtoken-modal-head h3{margin:0;font-size:24px}
#hppdtoken-close-modal{appearance:none;border:none;background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer;padding:8px 12px;border-radius:12px}
#hppdtoken-close-modal:hover{background:rgba(255,255,255,.06)}
.hppdtoken-login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top left, rgba(70,132,255,.12), transparent 25%),linear-gradient(180deg,#07111d,#0b1728)}
.hppdtoken-login-shell{width:min(560px,100%);background:linear-gradient(180deg,rgba(17,28,45,.98),rgba(14,23,37,.94));border:1px solid var(--line2);border-radius:30px;padding:28px;box-shadow:var(--shadow)}
.hppdtoken-inline-check{display:flex!important;align-items:center;gap:10px}
.hppdtoken-alert{margin:0 0 16px;background:rgba(255,106,121,.1);color:#ffd2d8;border:1px solid rgba(255,106,121,.2);padding:14px;border-radius:16px}
.hppdtoken-gate{min-height:60vh;display:grid;place-items:center}.hppdtoken-empty{color:var(--muted)}

@media(max-width:1200px){.hppdtoken-hero-grid{grid-template-columns:1fr}.hppdtoken-map{height:520px}.hppdtoken-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hppdtoken-app{grid-template-columns:1fr}.hppdtoken-sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line)}.hppdtoken-topbar{flex-direction:column;align-items:flex-start}.hppdtoken-form-grid{grid-template-columns:1fr}.hppdtoken-board{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.hppdtoken-main{padding:18px}.hppdtoken-board{grid-template-columns:1fr}.hppdtoken-topbar h1,.hppdtoken-login-shell h1{font-size:36px}.hppdtoken-map{height:360px}}