:root{--bg-900: #071015;--bg-800: #0b1414;--card: rgba(255,255,255,.04);--glass: rgba(255,255,255,.06);--accent: #0F6458;--accent-2: #3AAFA9;--muted: rgba(255,255,255,.65);--danger: #E55353;--radius: 12px}html,body,#root{height:100%}body{margin:0;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,Helvetica Neue,Arial;background:var(--bg-900);color:#e8f7f3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto}body:before{content:"";position:fixed;pointer-events:none;width:700px;height:700px;left:-200px;top:-200px;background:radial-gradient(circle at 20% 20%,rgba(15,100,88,.95),transparent 40%);filter:blur(160px);opacity:.55;z-index:0}body:after{content:"";position:fixed;pointer-events:none;width:900px;height:900px;right:-300px;bottom:-300px;background:radial-gradient(circle at 80% 80%,rgba(58,175,169,.9),transparent 40%);filter:blur(200px);opacity:.42;z-index:0}.app-root{position:relative;z-index:1;min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;min-height:100vh;padding:24px;box-sizing:border-box;background:linear-gradient(180deg,#081419eb,#061014eb);border-right:1px solid rgba(255,255,255,.06);box-shadow:6px 0 24px #00000073;z-index:20}.sidebar .logo{display:block;margin-bottom:18px;width:170px}.nav-item{padding:12px;border-radius:12px;margin-bottom:8px;cursor:pointer;font-weight:600;color:var(--muted);transition:all .18s ease}.nav-item:hover{transform:translate(6px);color:#fff;background:#ffffff05}.nav-item.active{background:linear-gradient(90deg,#0f645824,#3aafa90f);color:#fff;box-shadow:0 6px 20px #0a322d33}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(90deg,#0f6458fa,#3aafa9e6);box-shadow:0 8px 24px #0006;border-bottom:1px solid rgba(255,255,255,.04);color:#fff;z-index:2}.topbar .title{font-size:16px;font-weight:700;letter-spacing:.3px}.topbar .right{display:flex;align-items:center;gap:14px}.main-area{flex:1;padding:28px;box-sizing:border-box}main{position:relative;z-index:2}.search-input{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);outline:none;width:260px;background:#ffffff1f;color:#fff;font-size:14px}.search-input::placeholder{color:#ffffffbf}table{width:100%;border-collapse:collapse;color:#e8f7f3}table th{color:#b9fff0;font-weight:700;padding:10px}table td{padding:10px;color:#e8f7f3}table tr:nth-child(odd){background:#ffffff08}table tr:nth-child(2n){background:#ffffff0f}a{color:#4ecdc4!important;font-weight:600}table{width:100%;border-collapse:collapse;color:#000}table th{color:#000;font-weight:700;padding:10px}table td{padding:10px;color:#000}table tr:nth-child(odd){background:#fff}table tr:nth-child(2n){background:#f5f5f5}a{color:#07c!important;font-weight:600}.topbar--centered{display:flex;align-items:center;gap:16px;height:72px;padding:10px 24px;box-sizing:border-box;background:linear-gradient(90deg,#0f6458fa,#3aafa9e6);color:#fff;border-bottom:1px solid rgba(255,255,255,.04)}.topbar__left{display:flex;align-items:center;width:140px;min-width:120px}.topbar__logo{height:44px;width:auto;display:block}.topbar__center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8px;pointer-events:none}.topbar__title{font-size:20px;font-weight:800;line-height:1;pointer-events:none}.topbar__subtitle{font-size:12px;opacity:.9;margin-top:2px;pointer-events:none}.topbar__right{display:flex;align-items:center;gap:12px;min-width:300px;justify-content:flex-end}@media(max-width:900px){.topbar--centered{flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:12px}.topbar__left{order:1;width:auto;min-width:0}.topbar__center{order:2;pointer-events:auto}.topbar__right{order:3;justify-content:space-between;min-width:0}.search-input{width:100%}}.topbar--left{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:10px 24px;box-sizing:border-box;background:linear-gradient(90deg,#0f6458fa,#3aafa9e6);color:#fff;border-bottom:1px solid rgba(255,255,255,.04)}.topbar__left{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:280px}.topbar__title{font-size:18px;font-weight:800;line-height:1}.topbar__subtitle{font-size:12px;opacity:.9}.topbar__controls{display:flex;align-items:center;gap:12px;margin-left:18px}.search-input{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;outline:none;width:260px;box-sizing:border-box}.search-input::placeholder{color:#ffffffb3}.user-email{color:#fffffff2;font-weight:600;font-size:14px;white-space:nowrap}@media(max-width:900px){.topbar--left{flex-direction:column;align-items:stretch;gap:8px;height:auto;padding:12px}.topbar__left{order:1}.topbar__controls{order:2;justify-content:flex-start}.search-input{width:100%}}body:before,body:after{z-index:-1!important}.app-root,.app-shell,.main-area,.kpi,.panel{position:relative!important;z-index:10!important}.profile-panel{max-width:900px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px 24px;margin-bottom:20px}.profile-grid label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:600}.profile-value{padding:10px 12px;border-radius:10px;background:#ffffff0f;font-weight:600}.profile-grid input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;outline:none}.profile-grid input:focus{border-color:var(--accent-2)}.profile-actions{margin-top:14px;display:flex;gap:10px}.profile-actions button.secondary{background:transparent;border:1px solid rgba(255,255,255,.25)}.profile-menu{position:relative}.profile-btn{display:flex;align-items:center;gap:10px;background:transparent;border:none;color:#fff;cursor:pointer;padding:6px 10px;border-radius:10px}.profile-btn:hover{background:#ffffff1f}.avatar{width:36px;height:36px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-weight:800}.avatar.large{width:48px;height:48px;font-size:18px}.profile-info{display:flex;flex-direction:column;align-items:flex-start}.profile-name{font-weight:700;font-size:14px}.profile-position{font-size:12px;opacity:.8}.caret{margin-left:4px}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:280px;background:#0a1419f5;border-radius:14px;box-shadow:0 20px 60px #0009;padding:14px;z-index:50}.profile-dropdown__header{display:flex;gap:12px;margin-bottom:12px}.profile-dropdown__header .name{font-weight:800}.profile-dropdown__header .role,.profile-dropdown__header .email,.profile-dropdown__header .phone{font-size:12px;opacity:.85}.divider{height:1px;background:#ffffff1a;margin:10px 0}.dropdown-item{padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.logout{color:var(--danger)}.kpi-row{display:flex;gap:18px;margin-bottom:20px;flex-wrap:wrap}.kpi{flex:1;min-width:200px;padding:18px;border-radius:var(--radius);background:linear-gradient(180deg,#ffffff08,#ffffff05);box-shadow:0 6px 22px #08121073;border:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden}.kpi h3{margin:0;font-size:12px;color:var(--muted);font-weight:600}.kpi .value{font-size:24px;margin-top:8px;font-weight:700;color:#fff}.panel{margin-bottom:18px;padding:18px;border-radius:12px;background:var(--glass);border:1px solid rgba(255,255,255,.03);box-shadow:0 8px 28px #030c0a66}.grid-2{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;background:#ffffff05;margin-bottom:8px}.list-item .meta{color:var(--muted);font-size:13px}.footer{padding:12px 28px;color:var(--muted);font-size:13px;border-top:1px solid rgba(255,255,255,.02);text-align:center}.kpi .value{color:#fff!important;position:relative;z-index:10;opacity:1!important}.kpi{position:relative;z-index:5;background:#ffffff0a!important}.kpi{position:relative!important;background:#ffffff0f!important;z-index:999!important;opacity:1!important}.kpi h3{color:#e8f7f3!important;position:relative;z-index:1001!important}.kpi .value{color:#fff!important;font-weight:900!important;font-size:28px!important;position:relative!important;z-index:2000!important;opacity:1!important}body:before,body:after{pointer-events:none!important;z-index:0!important}.profile-page{max-width:720px;margin:0 auto;padding:32px 24px;color:#e5e7eb}.profile-page h2{font-size:22px;margin-bottom:24px;color:#fff}.profile-block{background:linear-gradient(180deg,#0f172a,#020617);border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:inset 0 0 0 1px #ffffff0d}.profile-block h3{font-size:14px;font-weight:600;color:#cbd5f5;margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}.profile-block input,.profile-block select{width:100%;background:#020617;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;margin-bottom:10px;color:#fff;font-size:14px}.profile-block input::placeholder{color:#64748b}.profile-block input:focus,.profile-block select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 1px #f9731666}.btn-primary{margin-top:20px;background:linear-gradient(135deg,#f97316,#fb923c);border:none;color:#020617;font-weight:600;padding:10px 18px;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f9731659}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.muted{color:#64748b;font-size:13px}