:root{--prolab-blue:#87cefa;--prolab-black:#101417;--prolab-white:#fff;--prolab-bg:#fff;--prolab-border:#10141729;--prolab-border-strong:#10141747;--prolab-text:#17202a;--prolab-muted:#687783}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background:var(--prolab-bg);color:var(--prolab-text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.app-shell{background:var(--prolab-white);min-height:100vh;display:flex}.sidebar{background:var(--prolab-blue);width:250px;color:var(--prolab-black);z-index:1000;flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand-block{background:0 0;border-radius:0;justify-content:center;align-items:center;min-height:72px;padding:4px 8px 12px;display:flex}.sidebar-logo{width:min(185px,100%);height:auto;display:block}.menu{flex-direction:column;gap:8px;margin-top:22px;display:flex}.menu-button{text-align:left;border:1px solid var(--prolab-border);width:100%;min-height:44px;color:var(--prolab-black);cursor:pointer;background:#ffffff2e;border-radius:10px;padding:11px 14px;font-size:14px;font-weight:600;transition:background .16s,color .16s,border-color .16s,transform .16s,box-shadow .16s;box-shadow:0 1px 2px #00000008,inset 0 1px #ffffff26}.menu-button:hover{background:var(--prolab-black);color:var(--prolab-white);border-color:var(--prolab-black);transform:translate(2px);box-shadow:0 5px 12px #00000024}.menu-button.active{background:var(--prolab-black);color:var(--prolab-white);border-color:var(--prolab-black);box-shadow:0 5px 14px #00000029}.sidebar-user{color:var(--prolab-black);margin-top:auto;padding:18px 6px 0;font-size:14px}.user-label{opacity:.68;margin-bottom:4px}.user-role{opacity:.68;margin-top:5px}.logout-button{border:1px solid var(--prolab-border-strong);width:100%;color:var(--prolab-black);cursor:pointer;background:#ffffff29;border-radius:9px;margin-top:18px;padding:10px;font-weight:600;transition:background .16s,color .16s,border-color .16s}.logout-button:hover{background:var(--prolab-black);color:var(--prolab-white);border-color:var(--prolab-black)}.main-area{background:var(--prolab-white);width:100%;min-width:0;margin-left:250px}.mobile-header{display:none}.content{background:var(--prolab-white);width:100%;min-height:100vh;padding:36px}.page{width:100%;max-width:1680px;margin:0 auto}.page-header{margin-bottom:26px}.page-kicker{color:#5f7080;letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.page-header h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,3vw,38px)}.page-header p{color:var(--prolab-muted);margin:8px 0 0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:var(--prolab-white);border:1px solid #e2e8ed;border-radius:14px;padding:22px;box-shadow:0 6px 20px #1428370b}.stat-label{color:var(--prolab-muted);font-size:14px}.stat-value{margin-top:9px;font-size:34px;font-weight:700}.section-card{background:var(--prolab-white);border:1px solid #e2e8ed;border-radius:14px;margin-top:30px;padding:24px;box-shadow:0 6px 20px #1428370b}.section-header h2{margin:0}.section-header p{color:var(--prolab-muted);margin:6px 0 20px}.muted{color:var(--prolab-muted)}.client-list{flex-direction:column;gap:10px;display:flex}.client-card{background:#fff;border:1px solid #e2e8ed;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:15px 16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.client-card:hover{border-color:#cfd9e1;transform:translateY(-1px);box-shadow:0 6px 18px #1428370f}.client-main{flex-direction:column;gap:4px;display:flex}.client-main span,.client-contact{color:var(--prolab-muted);font-size:14px}.client-contact{flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;display:flex}.mobile-overlay{display:none}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:28px}}@media (width<=760px){.sidebar{width:270px;transition:transform .2s;transform:translate(-100%);box-shadow:8px 0 24px #0000001f}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.mobile-header{z-index:900;background:#fff;border-bottom:1px solid #e2e8ed;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.menu-toggle{color:var(--prolab-black);cursor:pointer;background:0 0;border:0;font-size:25px}.mobile-logo{width:115px;height:auto}.content{padding:18px}.stats-grid{grid-template-columns:1fr}.section-card{padding:18px}.client-card{flex-direction:column;align-items:flex-start}.client-contact{justify-content:flex-start}.mobile-overlay{z-index:950;background:#0000006b;display:block;position:fixed;inset:0}}@media (width>=1800px){.content{padding:42px 50px}.sidebar{width:270px}.main-area{margin-left:270px}}