.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.login-photo{position:relative;min-height:100dvh;overflow:hidden}.login-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:45% center}.login-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#2c211882)}.login-photo>span{position:absolute;z-index:1;left:24px;bottom:24px;color:white;font-size:9px}.login-side{padding:56px;display:grid;place-items:center}.login-card{width:100%;max-width:405px}.login-card .brand{margin-bottom:50px}.login-card .eyebrow{font-size:8px;margin-bottom:18px}.login-card h1{font-size:51px;line-height:1.1;white-space:nowrap}.login-card h1 em{color:var(--orange)}.login-support{font-size:13px;color:var(--muted);margin:20px 0 32px;line-height:1.9}.login-card label{font-size:11px;margin-bottom:20px}.login-card input{min-height:47px}.login-card input::placeholder{font-size:11px}.enter{width:100%;margin-bottom:22px}.login-card .demo-notice{font-size:10px;padding:16px}.back-link{font-size:11px;color:var(--muted);text-decoration:none}.dashboard{min-height:100dvh;background:var(--soft);display:grid;grid-template-columns:235px minmax(0,1fr)}.sidebar{background:var(--dark);color:white;position:sticky;top:0;height:100dvh;padding:35px 22px;display:flex;flex-direction:column}.sidebar .brand{margin:0 10px 50px}.sidebar .brand b{color:var(--peach)}.sidebar .brand b span{color:white}.sidebar .brand small{color:#d6c6b8;font-size:7px}.panel-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px}.panel-nav button{display:flex;align-items:center;gap:15px;border:0;color:#d9cfc6;background:none;padding:13px 16px;border-radius:12px;font-size:12px;text-align:left;font-weight:600}.panel-nav button>span{font-size:19px;width:21px;text-align:center}.panel-nav button[aria-current=page]{background:var(--orange);color:white}.panel-nav button:hover{background:#ffffff0f}.panel-nav button[aria-current=page]:hover{background:var(--orange)}.sidebar-bottom{margin-top:auto;display:grid;gap:17px;padding:28px 12px 0}.sidebar-bottom>p{font-size:13px;font-weight:700;border-bottom:1px solid #ffffff20;padding-bottom:22px;margin-bottom:5px}.sidebar-bottom small{display:block;font-size:10px;color:#c1b1a3;font-weight:400;margin-top:3px}.sidebar-bottom a,.sidebar-bottom button{padding:0;background:none;border:0;color:#d5c4b6;text-align:left;font-size:10px;text-decoration:none}.panel-main{padding:30px 44px 60px;min-width:0}.panel-preview{display:flex;align-items:center;gap:13px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:38px}.panel-preview>span{font-size:8px;letter-spacing:.11em;background:#f0e0d0;color:var(--orange-dark);padding:4px 8px;border-radius:5px;font-weight:700}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px}.panel-heading .eyebrow{font-size:9px;margin-bottom:16px}.panel-heading h1{font-size:49px}.panel-sub{font-size:11px;margin-top:12px}.panel-heading .btn{font-size:11px}.panel-heading>input{max-width:180px;font-size:12px}.panel-toolbar{display:flex;gap:14px;align-items:center;margin-bottom:25px;flex-wrap:wrap}.segmented{display:flex;background:white;border:1px solid var(--line);border-radius:100px;padding:4px}.segmented button{border:0;background:none;border-radius:100px;padding:7px 17px;font-size:10px}.segmented button[aria-pressed=true]{background:var(--dark);color:white}.date-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:100px;padding:3px 8px;background:white}.date-control button{border:0;background:none;width:28px;height:32px;font-size:21px}.date-control input{border:0;background:transparent;width:130px;min-height:35px;font-size:11px;padding:3px 8px}.panel-toolbar select{width:auto;min-height:41px;font-size:10px;border-radius:100px;max-width:190px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.kpis article{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;display:flex;flex-direction:column;align-items:start}.kpis span{font-size:10px;color:var(--muted)}.kpis b{font:400 42px/1 var(--serif);margin:15px 0}.kpis small{font-size:9px;color:var(--muted)}.panel-card{background:white;border:1px solid var(--line);border-radius:21px;overflow:hidden}.card-heading{padding:24px 27px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.card-heading h2{font-size:27px}.card-heading input{width:250px;font-size:11px;min-height:39px}.status-pill{font-size:8px;padding:4px 9px;background:var(--soft);border:1px solid var(--line);border-radius:100px;color:var(--muted);white-space:nowrap}.panel-empty{padding:55px 24px 60px;text-align:center}.empty-symbol{display:grid;place-items:center;font-size:28px;background:var(--soft);color:var(--orange);width:62px;height:62px;margin:0 auto 22px;border-radius:18px;border:1px solid var(--line)}.panel-empty h3{font-size:33px}.panel-empty p{font-size:11px;color:var(--muted);margin:14px 0 23px}.panel-empty .btn{font-size:10px}.settings{padding:29px;max-width:800px}.settings h2{font-size:32px;margin-bottom:30px}.settings label{font-size:10px}.settings input{background:#fdfcfa;font-size:12px}.settings .demo-notice{margin:27px 0 0}.color-row{display:flex;gap:36px;margin-top:10px}.color-row small{display:block;font-size:10px;margin-bottom:9px;color:var(--muted)}.color-row span{display:flex;align-items:center;gap:9px;font-size:12px}.color-row i{width:27px;height:27px;border:1px solid var(--line);border-radius:6px}
@media(max-width:1000px){.login-side{padding:35px}.login-card h1{font-size:45px}.dashboard{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:30px 16px}.panel-main{padding:25px}.panel-heading h1{font-size:42px}.panel-heading{gap:15px}.kpis article{padding:19px}.kpis{gap:11px}.panel-preview{font-size:9px}}
@media(max-width:700px){.login{grid-template-columns:1fr}.login-photo{display:none}.login-side{min-height:100dvh;padding:35px 24px}.login-card .brand{margin-bottom:48px}.login-card h1{font-size:45px}.dashboard{display:block}.sidebar{position:sticky;z-index:20;top:0;width:100%;height:auto;padding:18px 16px 10px;display:block}.sidebar .brand{margin:0 0 20px}.sidebar .brand b{font-size:26px}.sidebar .brand small{font-size:6px}.panel-nav{flex-direction:row;gap:6px;justify-content:space-between}.panel-nav button{flex:1;justify-content:center;padding:10px 7px;font-size:9px;gap:6px;border-radius:9px}.panel-nav button>span{font-size:15px;width:auto}.sidebar-bottom{position:absolute;top:22px;right:17px;padding:0;margin:0;display:flex;gap:17px}.sidebar-bottom>p{display:none}.sidebar-bottom a,.sidebar-bottom button{font-size:8px}.panel-main{padding:23px 16px 40px}.panel-preview{padding-bottom:20px;margin-bottom:28px;font-size:8px;gap:9px}.panel-preview>span{font-size:7px}.panel-heading h1{font-size:39px}.panel-heading .eyebrow{font-size:8px;margin-bottom:12px}.panel-sub{font-size:9px;margin-top:8px}.panel-heading .btn{font-size:9px;padding:0 12px;min-height:36px}.panel-toolbar{gap:10px}.segmented button{padding:7px 12px;font-size:9px}.date-control{padding:3px 4px}.date-control input{width:121px;font-size:10px}.date-control button{width:23px}.panel-toolbar select{font-size:9px;min-height:35px}.kpis{gap:8px}.kpis article{padding:16px 12px;border-radius:14px}.kpis span{font-size:8px}.kpis b{font-size:32px;margin:13px 0}.kpis small{font-size:7px}.card-heading{padding:20px 18px;gap:12px}.card-heading h2{font-size:25px}.status-pill{font-size:7px}.panel-empty{padding:42px 22px}.panel-empty h3{font-size:29px}.panel-empty p{font-size:10px}.panel-heading>input{width:145px;font-size:10px}.settings{padding:24px 20px}.settings h2{font-size:29px}.settings .fields.two{grid-template-columns:1fr}.color-row{gap:28px}.color-row span{font-size:11px}.card-heading input{width:min(200px,65%);font-size:10px}.login-card .demo-notice{font-size:10px}}