.app-container{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar-width);display:flex;flex-direction:column;padding:14px;background:var(--surface);border-right:1px solid var(--border);transition:width .22s,transform .22s}.sidebar-header{height:48px;display:flex;align-items:center;gap:11px;padding:0 8px;margin-bottom:12px}.brand-mark{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:11px;font-weight:800;letter-spacing:-.04em;box-shadow:0 8px 22px rgba(249,115,22,.25)}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.sidebar-collapse{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--text-3);cursor:pointer}.sidebar-collapse:hover{background:var(--surface-2);color:var(--text)}.sidebar-nav{display:grid;gap:4px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 11px;border:0;border-radius:10px;color:var(--text-2);font-size:14px;font-weight:560;text-decoration:none;background:transparent;cursor:pointer;white-space:nowrap}.nav-item:hover{color:var(--text);background:var(--surface-2)}.nav-item.active{color:var(--accent-ink);background:var(--accent-soft)}.nav-item.active::before{content:"";position:absolute;left:-14px;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item svg{flex:0 0 auto}.sidebar-footer{margin-top:auto;display:grid;gap:7px}.balance-card{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.balance-label{display:block;margin-bottom:4px;color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.balance-card .badge{display:block;color:var(--text);font-weight:700;font-size:14px}.user-menu{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid var(--border);margin-top:4px}.user-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--surface-3);color:var(--text);font-size:12px;font-weight:750}.user-info{min-width:0}.user-name,.user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name{font-size:13px;font-weight:650}.user-email{margin-top:2px;color:var(--text-3);font-size:11px}.main-content{min-height:100vh;margin-left:var(--sidebar-width);padding:24px 30px 40px;transition:margin-left .22s}.page-header{min-height:var(--header-height);display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.035em}.page-subtitle{margin:6px 0 0;color:var(--text-2);font-size:14px}.header-actions{display:flex;align-items:center;gap:9px}.theme-toggle,.mobile-menu-toggle{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}.theme-toggle:hover,.mobile-menu-toggle:hover{background:var(--surface-2)}.mobile-menu-toggle{display:none}.sidebar-backdrop{position:fixed;inset:0;z-index:35;background:rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:opacity .2s}.shell-collapsed .sidebar{width:var(--sidebar-compact)}.shell-collapsed .main-content{margin-left:var(--sidebar-compact)}.shell-collapsed .sidebar .brand-name,.shell-collapsed .sidebar .nav-item span,.shell-collapsed .sidebar .balance-card,.shell-collapsed .sidebar .user-info{display:none}.shell-collapsed .sidebar-header{padding:0}.shell-collapsed .sidebar-collapse{position:absolute;right:-15px;top:24px;background:var(--surface);border:1px solid var(--border)}.shell-collapsed .nav-item{justify-content:center;padding-inline:0}.shell-collapsed .user-menu{justify-content:center;padding-inline:0}.shell-collapsed .nav-item.active::before{left:-14px}.alert{border:1px solid var(--border);border-radius:12px;padding:14px 16px}.alert-warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning),transparent 65%);color:var(--text)}
@media(max-width:900px){.sidebar{transform:translateX(-102%);box-shadow:var(--shadow-md)}.main-content{margin-left:0;padding:20px}.mobile-menu-toggle{display:grid}.shell-drawer-open .sidebar{transform:translateX(0)}.shell-drawer-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar-collapse{display:none}.shell-collapsed .sidebar{width:var(--sidebar-width)}.shell-collapsed .sidebar .brand-name,.shell-collapsed .sidebar .nav-item span,.shell-collapsed .sidebar .balance-card,.shell-collapsed .sidebar .user-info{display:block}.shell-collapsed .sidebar .nav-item{justify-content:flex-start;padding-inline:11px}.shell-collapsed .sidebar .user-menu{justify-content:flex-start;padding-inline:8px}}
@media(max-width:560px){.main-content{padding:16px}.page-header{margin-bottom:18px;align-items:center}.page-header h1{font-size:22px}.page-subtitle{font-size:13px}.header-actions .btn-label{display:none}}