:root{
 --p1b-navy:#071827;--p1b-navy2:#0b2d49;--p1b-blue:#0b8fd3;--p1b-blue2:#21a8e8;
 --p1b-bg:#eef4f8;--p1b-surface:#fff;--p1b-text:#102b44;--p1b-muted:#6a8295;
 --p1b-line:#d7e3eb;--p1b-shadow:0 12px 32px rgba(8,39,62,.08)
}
body{background:linear-gradient(180deg,#edf4f8,#f9fbfd)!important;color:var(--p1b-text)!important}
.p1b-header{height:78px;background:linear-gradient(100deg,var(--p1b-navy),var(--p1b-navy2));display:flex;align-items:center;padding:0 24px;color:#fff;gap:18px;box-shadow:0 8px 24px rgba(4,24,40,.18)}
.p1b-header img{height:58px;width:auto}.p1b-header .user{margin-left:auto;color:#d8e8f3;font-weight:700}
.p1b-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 78px)}
.p1b-nav{background:linear-gradient(180deg,#071827,#0a253c);padding:16px 12px;border-right:1px solid rgba(255,255,255,.06)}
.p1b-nav a{display:flex;align-items:center;gap:11px;padding:12px 13px;margin:5px 0;border-radius:10px;color:#b9ccda;text-decoration:none;font-weight:750;font-size:13px;transition:.18s ease;position:relative}
.p1b-nav a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}
.p1b-nav a:hover,.p1b-nav a.active{background:rgba(30,160,222,.14);color:#fff;transform:translateX(3px)}
.p1b-nav a:hover:before,.p1b-nav a.active:before{background:#21a8e8}
.p1b-main{padding:28px;min-width:0}
.p1b-hero{background:linear-gradient(135deg,#071827,#0c385b 72%,#0b8fd3 160%);color:#fff;border-radius:20px;padding:28px 30px;position:relative;overflow:hidden;box-shadow:0 18px 44px rgba(6,31,51,.18)}
.p1b-hero:after{content:"";position:absolute;right:-70px;top:-110px;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.016)}
.p1b-hero h1{margin:0 0 8px}.p1b-hero p{margin:0;color:#c8dce9}
.p1b-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:15px;margin:20px 0}
.p1b-card,.p1b-panel{background:#fff;border:1px solid var(--p1b-line);border-radius:16px;padding:19px;box-shadow:var(--p1b-shadow)}
.p1b-card{transition:.18s ease}.p1b-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(8,39,62,.12)}
.p1b-card a{text-decoration:none;color:inherit}.p1b-card small{color:var(--p1b-muted)}
.p1b-number{font-size:31px;font-weight:900;color:#087fc1;margin-bottom:4px}
.p1b-panel{margin-top:18px}.p1b-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.p1b-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:9px;border:1px solid #c9d8e2;background:#fff;color:#173d5d;font-weight:800;text-decoration:none;cursor:pointer}
.p1b-btn.primary{background:#087fc1;color:#fff;border-color:#087fc1}
.p1b-table{width:100%;border-collapse:collapse}.p1b-table th,.p1b-table td{padding:11px 9px;border-bottom:1px solid #e3eaf0;text-align:left}.p1b-table th{font-size:12px;color:#60778a}
.p1b-empty{padding:30px;text-align:center;color:var(--p1b-muted)}
.p1b-autosave{position:fixed;right:20px;bottom:20px;z-index:4000;background:#071827;color:#fff;border-radius:10px;padding:10px 14px;font-size:12px;display:none;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.p1b-autosave.show{display:block}
@media(max-width:1050px){.p1b-grid{grid-template-columns:1fr 1fr}.p1b-shell{grid-template-columns:1fr}.p1b-nav{display:flex;overflow:auto}.p1b-nav a{white-space:nowrap}}
@media(max-width:620px){.p1b-grid{grid-template-columns:1fr}.p1b-main{padding:18px}.p1b-hero{padding:22px}}