:root{--wf-navy:#0d1b2a;--wf-teal:#00a79d;--wf-ink:#172536;--wf-muted:#66788a}
.wf-shell{min-height:100vh;background:linear-gradient(135deg,#f7fafc 0%,#eef5f6 55%,#f9fbfc 100%)}
.wf-top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,27,42,.08);position:sticky;top:0;z-index:20}
.wf-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--wf-navy);font-weight:800;letter-spacing:.04em}.wf-brand img{width:44px;height:44px;object-fit:contain}.wf-brand small{display:block;color:var(--wf-muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.wf-user{display:flex;align-items:center;gap:12px}.wf-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--wf-teal),#007b78);color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(0,167,157,.22)}
.wf-layout{display:grid;grid-template-columns:250px 1fr;max-width:1500px;margin:auto}.wf-side{min-height:calc(100vh - 78px);padding:28px 18px;border-right:1px solid rgba(13,27,42,.07);background:rgba(255,255,255,.55)}.wf-side a{display:flex;gap:11px;padding:12px 14px;border-radius:12px;text-decoration:none;color:#536477;font-weight:700;margin:4px 0}.wf-side a:hover,.wf-side a.active{background:#e4f5f3;color:#007d78}.wf-main{padding:42px 5% 70px}.wf-hero{padding:30px;border-radius:24px;background:linear-gradient(120deg,#0d1b2a,#18354d);color:#fff;box-shadow:0 22px 55px rgba(13,27,42,.14);position:relative;overflow:hidden}.wf-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-100px;background:radial-gradient(circle,rgba(0,167,157,.4),transparent 65%)}.wf-hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 8px}.wf-hero p{opacity:.78;max-width:680px}.wf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.wf-card{background:rgba(255,255,255,.84);border:1px solid rgba(13,27,42,.07);border-radius:20px;padding:22px;box-shadow:0 14px 40px rgba(13,27,42,.06);backdrop-filter:blur(12px)}.wf-card h3{margin:0 0 10px;color:var(--wf-navy)}.wf-value{font-size:1.8rem;font-weight:850;color:var(--wf-navy)}.wf-muted{color:var(--wf-muted);font-size:.88rem}.wf-section{margin-top:22px}.wf-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.wf-section-head h2{margin:0;color:var(--wf-navy)}.wf-table{width:100%;border-collapse:collapse}.wf-table th,.wf-table td{text-align:left;padding:13px;border-bottom:1px solid #e8edf1}.wf-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#738394}.wf-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wf-form label{font-weight:700;color:#405163;font-size:.84rem}.wf-form input,.wf-form select,.wf-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #dbe3e9;border-radius:11px;padding:11px;background:#fff;font:inherit}.wf-form .full{grid-column:1/-1}.wf-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.wf-btn{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer;background:var(--wf-teal);color:#fff}.wf-btn.secondary{background:#e8f4f3;color:#087a76}.wf-status{padding:5px 10px;border-radius:999px;background:#edf5f3;color:#087a76;font-size:.72rem;font-weight:800}.wf-error{color:#a52d2d;background:#fff0f0;padding:12px;border-radius:10px}.wf-empty{padding:28px;text-align:center;color:#778798}.wf-reveal{animation:wfIn .6s ease both}@keyframes wfIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1000px){.wf-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wf-layout{display:block}.wf-side{min-height:auto;display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e6ecef;padding:10px}.wf-side a{white-space:nowrap}.wf-main{padding:24px 4%}.wf-grid,.wf-form{grid-template-columns:1fr}.wf-form .full{grid-column:auto}.wf-top{padding:0 4%}}
.wf-hero-brand{display:flex;align-items:center;gap:24px;position:relative;z-index:1}.wf-hero-brand img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 15px 24px rgba(0,0,0,.25));animation:logoPopTilt 5.2s ease-in-out infinite}.wf-subpanel{margin-top:18px;padding:20px;border:1px solid rgba(13,27,42,.08);border-radius:18px;background:rgba(247,250,252,.75)}@media(max-width:700px){.wf-hero-brand{align-items:flex-start}.wf-hero-brand img{width:62px;height:62px}}