:root{--nav:#17182f;--nav2:#222449;--primary:#6264e8;--primary2:#7b7dff;--accent:#20c997;--bg:#f5f6fa;--card:#fff;--ink:#18202f;--muted:#697386;--line:#e7e9f0;--danger:#ef5350;--warning:#ffb020;--sidebar:252px}*{box-sizing:border-box}html{font-size:15px}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);margin:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,var(--nav),#111225);color:#fff;padding:22px 14px 16px;z-index:1040;display:flex;flex-direction:column;box-shadow:8px 0 30px #0b0c1d12}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:800;padding:0 8px 24px}.brand em{color:#62dfbd;font-style:normal}.brand-logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary2),var(--accent));display:grid;place-items:center;box-shadow:0 8px 20px #686aff44}.sidebar-label{font-size:.66rem;letter-spacing:.1em;color:#8589a9;font-weight:700;padding:10px 12px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;overflow:auto;padding-right:3px}.sidebar-nav a{display:flex;align-items:center;gap:12px;color:#afb3cc;text-decoration:none;padding:11px 12px;border-radius:11px;font-size:.9rem;font-weight:500;transition:.18s}.sidebar-nav a i{width:20px;text-align:center}.sidebar-nav a:hover{background:#ffffff0d;color:#fff;transform:translateX(2px)}.sidebar-nav a.active{background:linear-gradient(90deg,#6567e8,#5557ca);color:#fff;box-shadow:0 7px 18px #585adb35}.sidebar-user{margin-top:auto;border-top:1px solid #ffffff12;padding:16px 6px 0;display:flex;align-items:center;gap:9px}.sidebar-user .avatar{width:35px;height:35px;border-radius:11px;background:#ffffff18;display:grid;place-items:center;font-weight:700}.sidebar-user>div:nth-child(2){flex:1}.sidebar-user strong{font-size:.8rem}.sidebar-user small{font-size:.7rem;color:#9297b7}.sidebar-user>a{color:#aeb2cb;padding:7px}.workspace{margin-left:var(--sidebar);min-height:100vh}.topbar{height:66px;background:#ffffffdf;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:1020}.topbar-title{display:flex;flex-direction:column}.topbar-title strong{font-size:.95rem}.topbar-title small{color:var(--muted);font-size:.7rem}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--line);background:#fff;color:var(--ink);height:38px;width:38px;border-radius:11px;display:grid;place-items:center;text-decoration:none}.menu-toggle{display:none}.status-dot{font-size:.75rem;color:var(--muted)}.status-dot i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:4px}.content{padding:26px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px}.page-heading h1{font-size:1.55rem;font-weight:800;margin:0}.page-heading p{color:var(--muted);margin:.35rem 0 0}.card{border:1px solid #edf0f5;border-radius:16px;box-shadow:0 7px 25px #25304a0a;background:var(--card)}.card-header{background:transparent;border-bottom:1px solid var(--line);padding:17px 19px}.card-body{padding:19px}.metric-card{padding:18px;height:100%;overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:currentColor;opacity:.035;right:-30px;bottom:-35px}.metric-label{font-size:.76rem;color:var(--muted);font-weight:600}.metric-value{font-size:1.45rem;font-weight:800;margin-top:8px}.metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.chart-box{position:relative;height:290px}.btn{border-radius:10px;font-weight:600;font-size:.88rem;padding:.58rem .85rem}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:#4f51ce;border-color:#4f51ce}.form-control,.form-select{border-color:#dfe3ec;border-radius:10px;padding:.65rem .75rem;font-size:.9rem}.form-control:focus,.form-select:focus{border-color:#9294f3;box-shadow:0 0 0 .2rem #6264e820}.form-label{font-size:.82rem;font-weight:600}.table>:not(caption)>*>*{padding:.85rem .8rem;border-bottom-color:#eef0f5}.table thead th{font-size:.69rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}.badge{border-radius:7px;font-weight:650}.badge-soft-success{background:#e8faf4;color:#07845c}.badge-soft-danger{background:#ffeded;color:#c63b3b}.badge-soft-warning{background:#fff6df;color:#936300}.badge-soft-info{background:#eeefff;color:#5052c8}.money-positive{color:#0c9b6d}.money-negative{color:#df4444}.empty-state{text-align:center;padding:45px 15px;color:var(--muted)}.empty-state i{font-size:2.2rem;color:#b7bdca;margin-bottom:10px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filter-bar>*{min-width:150px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px}.calendar-head{text-align:center;color:var(--muted);font-size:.72rem;font-weight:700}.calendar-day{min-height:112px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px}.calendar-day.muted{opacity:.45}.calendar-day.today{border:2px solid var(--primary)}.day-number{font-size:.75rem;font-weight:700}.day-entry{font-size:.67rem;border-radius:6px;padding:4px 5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-entry.in{background:#e9faf4;color:#087d59}.day-entry.out{background:#fff0f0;color:#b93838}.ad-slot{border:1px dashed #ccd1dd;background:#fafbfc;border-radius:14px;min-height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8b93a4}.ad-slot img{max-width:100%;max-height:160px;object-fit:contain}.mobile-nav{display:none}.sidebar-backdrop{display:none}.landing{background:#fff}.landing-nav{position:fixed;z-index:1000;top:0;left:0;right:0;background:#111229e8;backdrop-filter:blur(14px);height:70px;display:flex;align-items:center}.landing-container{width:min(1160px,calc(100% - 32px));margin:auto}.hero{min-height:720px;padding:135px 0 85px;background:radial-gradient(circle at 75% 20%,#6264e83a,transparent 38%),linear-gradient(150deg,#101126,#1a1c3d);color:#fff;overflow:hidden}.hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.03;font-weight:800;letter-spacing:-.05em}.hero h1 span{background:linear-gradient(90deg,#7f82ff,#4de0b8);-webkit-background-clip:text;color:transparent}.hero p{font-size:1.1rem;color:#bfc3d9;max-width:620px;line-height:1.7}.hero-card{background:#ffffff0d;border:1px solid #ffffff1e;border-radius:22px;padding:18px;box-shadow:0 30px 80px #0004;transform:perspective(1000px) rotateY(-4deg)}.hero-card .preview{background:#f7f8fc;border-radius:14px;min-height:350px;padding:20px;color:var(--ink)}.section{padding:85px 0}.section-title{text-align:center;max-width:720px;margin:0 auto 45px}.section-title h2{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:800}.feature-card{height:100%;padding:25px;transition:.2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #25304a14}.feature-icon{width:48px;height:48px;border-radius:14px;background:#eeefff;color:var(--primary);display:grid;place-items:center;font-size:1.15rem;margin-bottom:15px}.price-card{padding:30px;height:100%;position:relative}.price-card.featured{border:2px solid var(--primary);transform:scale(1.025)}.price{font-size:2.3rem;font-weight:800}.faq .accordion-button{font-weight:650}.landing-footer{background:#101126;color:#aeb2c9;padding:50px 0}.mobile-actions{display:flex;gap:5px}.min-w-0{min-width:0}@media(max-width:991.98px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:#08091488;z-index:1035}.workspace{margin-left:0}.menu-toggle{display:grid}.content{padding:18px}.topbar{padding:0 16px}.mobile-nav{display:flex;position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:62px;border:1px solid #e6e8f0;border-radius:17px;background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 10px 35px #1f294a30;z-index:1030;justify-content:space-around}.mobile-nav a,.mobile-nav button{flex:1;border:0;background:none;text-decoration:none;color:#7c8393;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.62rem}.mobile-nav i{font-size:1.05rem}.mobile-nav .active{color:var(--primary)}.content{padding-bottom:92px}.calendar-grid{overflow-x:auto;grid-template-columns:repeat(7,120px)}.hero{padding-top:110px;min-height:auto}.hero-card{margin-top:35px;transform:none}.price-card.featured{transform:none}}@media(max-width:575.98px){html{font-size:14px}.page-heading{flex-direction:column}.page-heading>.btn,.page-heading>form{width:100%}.page-heading form .form-control{width:100%}.content{padding:14px}.topbar-actions .status-dot{display:none}.metric-value{font-size:1.2rem}.metric-card{padding:14px}.metric-icon{width:36px;height:36px}.chart-box{height:240px}.filter-bar>*{width:100%;min-width:0}.table-responsive{margin:0 -1px}.card-body{padding:15px}.hero-card .preview{min-height:260px}.section{padding:60px 0}.landing-nav .btn-outline-light{display:none}}