@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #0692aa;--teal-dark: #08a0ba;--teal-border: #10a2bc;--bg-gradient: linear-gradient(181deg, #f2f4f5 1%, #ddf0ee 110%);--bg-card: #f8fafb;--text-dark: #122022;--text-mid: rgba(18,32,34,.7);--text-light: rgba(18,32,34,.5);--text-faint: rgba(18,32,34,.4);--border-soft: rgba(18,32,34,.08);--border-mid: rgba(18,32,34,.12);--green: #1fa44d;--green-bg: rgba(31,164,77,.08);--green-text: #12aa67;--green-tag: #ddf8ec;--red: #d01a18;--red-bg: rgba(240,23,23,.08);--red-tag: #ffecec;--amber: #fbad3b;--gold: #dfcd80;--sidebar-w: 290px;--header-h: 90px}html,body{height:100%;font-family:Lato,sans-serif}body{background:var(--bg-gradient);background-image:linear-gradient(181deg,#f2f4f5 1%,#ddf0ee 110%);min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:Lato,sans-serif;cursor:pointer;border:none;background:none}input,select,textarea{font-family:Lato,sans-serif}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);min-height:100vh;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border-soft);position:fixed;left:0;top:0;bottom:0;background:linear-gradient(181deg,#f2f4f5 1%,#ddf0ee 110%);z-index:100;overflow-y:auto;padding-bottom:24px}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:22px 20px 16px}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#0692aa,#04c8e8);border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:20px;height:20px}.logo-text{font-size:20px;font-weight:700;color:var(--text-dark)}.sidebar-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);padding:12px 20px 6px}.nav-list{list-style:none;padding:0 10px;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:12px;padding:0 14px;height:50px;border-radius:100px;color:var(--text-dark);font-size:15px;font-weight:400;transition:background .15s;cursor:pointer;position:relative}.nav-link:hover{background:#1220220f}.nav-link.active{background:var(--teal);color:#fff;font-weight:600}.nav-link.active .nav-icon-wrap{background:#fff3}.nav-icon-wrap{width:36px;height:36px;border-radius:100px;background:#12202214;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon{width:18px;height:18px}.nav-link.active .nav-icon{filter:brightness(10)}.sidebar-divider{height:1px;background:var(--border-soft);margin:10px 16px}.main-wrap{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh}.top-header{height:var(--header-h);display:flex;align-items:center;padding:0 30px;gap:16px;border-bottom:1px solid var(--border-soft);flex-shrink:0;position:sticky;top:0;background:linear-gradient(181deg,#f2f4f5 1%,#ddf0ee 110%);z-index:50}.header-title-area{flex:1}.header-page-title{font-size:32px;font-weight:700;color:var(--text-dark);line-height:1.1}.header-subtitle{font-size:14px;color:var(--text-mid);margin-top:3px}.header-subtitle strong{font-weight:700;color:#122022cc}.search-wrap{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border-mid);border-radius:150px;padding:0 18px;height:48px;width:400px;flex-shrink:0}.search-wrap svg{width:18px;height:18px;color:var(--text-faint);flex-shrink:0}.search-wrap input{border:none;outline:none;background:transparent;font-size:14px;color:var(--text-mid);width:100%;font-family:Lato,sans-serif}.search-wrap input::placeholder{color:#12202266}.user-profile{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px;border-radius:12px;transition:background .15s}.user-profile:hover{background:#1220220a}.user-avatar{width:42px;height:42px;border-radius:50%;background:#1a2433;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar svg{width:24px;height:24px;color:#ffffffb3}.user-name{font-size:16px;font-weight:700;color:#14171f}.user-email{font-size:12px;color:#14171f8c}.page-content{flex:1;padding:24px 30px 40px}.card{background:var(--bg-card);border:1px solid white;border-radius:25px;overflow:hidden}.card-pad{padding:22px 24px}.card-title{font-size:19px;font-weight:600;color:var(--text-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:100px;padding:0 18px;height:44px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.btn-primary{background:var(--teal);color:#fff;border:none}.btn-primary:hover{background:var(--teal-dark)}.btn-outline{background:#fff;color:var(--text-dark);border:1px solid transparent}.btn-outline:hover{background:#1220220a}.btn-sm{height:36px;padding:0 14px;font-size:13px}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:700px}.data-table thead tr{border-bottom:1px solid #e6e6e6}.data-table th{font-size:13px;font-weight:400;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;text-align:left;white-space:nowrap}.data-table td{font-size:14px;color:var(--text-dark);padding:13px 12px;white-space:nowrap}.data-table .td-teal{color:var(--teal);font-weight:500}.data-table tbody tr{border-bottom:1px solid #f0f0f0}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#0692aa08}.cb{width:18px;height:18px;border-radius:5px;border:1.5px solid rgba(18,32,34,.4);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.cb:checked{background:var(--teal);border-color:var(--teal)}.cb:checked:after{content:"";position:absolute;left:4px;top:2px;width:6px;height:10px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.badge-green{background:var(--green-tag);color:var(--green-text)}.badge-red{background:var(--red-tag);color:#f14949}.badge-teal{background:#0692aa1a;color:var(--teal)}.badge-gray{background:#f4f4f4;color:var(--text-mid)}.badge-amber{background:#fbad3b1f;color:#c98a00}.badge-high{background:#d01a1814;color:var(--red)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.stat-cell{padding:20px 22px;border-right:1px solid var(--border-soft)}.stat-cell:last-child{border-right:none}.stat-label{font-size:13px;color:var(--text-mid)}.stat-value{font-size:28px;font-weight:700;color:var(--text-dark);margin-top:8px;line-height:1}.stat-change{display:inline-flex;align-items:center;border-radius:60px;padding:3px 10px;font-size:13px;font-weight:500;margin-top:7px}.stat-change.up{background:var(--green-bg);color:var(--green)}.stat-change.down{background:var(--red-bg);color:#f01717;border:1px solid rgba(204,204,204,.26)}.funnel-wrap{display:flex;align-items:center;gap:20px;padding:16px 24px 22px}.funnel-legend{display:flex;flex-direction:column;gap:10px;flex:1}.legend-row{display:flex;align-items:center;gap:8px}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.legend-lbl{font-size:14px;color:var(--text-mid);flex:1}.legend-val{font-size:14px;font-weight:600;color:var(--text-dark)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pagination-info{font-size:13px;color:var(--text-light)}.page-btns{display:flex;gap:5px}.page-btn{width:34px;height:34px;border-radius:8px;border:none;font-size:13px;font-weight:500;cursor:pointer;background:#f4f4f4;color:var(--text-dark);transition:all .15s}.page-btn.active{background:transparent;border:1px solid var(--teal);color:var(--teal)}.page-btn:hover:not(.active){background:#e8e8e8}.page-nav{width:32px;height:32px;border:none;background:transparent;cursor:pointer;color:var(--text-mid);display:flex;align-items:center;justify-content:center}.page-nav:disabled{opacity:.3;cursor:default}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 0}.toolbar-right{display:flex;align-items:center;gap:10px}.filter-btn{display:flex;align-items:center;gap:6px;background:#f2f2f2;border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-mid);cursor:pointer;transition:background .15s}.filter-btn:hover{background:#e8e8e8}.action-btns{display:flex;gap:4px;flex-wrap:wrap}.action-btn-sm{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid transparent;border-radius:100px;padding:5px 12px;font-size:13px;font-weight:500;color:#122022cc;cursor:pointer;transition:background .15s}.action-btn-sm:hover{background:#1220220a}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(181deg,#f2f4f5 1%,#ddf0ee 110%);padding:24px}.auth-card{background:#fff;border-radius:24px;padding:44px 40px;width:100%;max-width:460px;box-shadow:0 4px 40px #0692aa1f}.auth-logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:32px}.auth-title{font-size:26px;font-weight:700;color:var(--text-dark);margin-bottom:6px}.auth-subtitle{font-size:14px;color:var(--text-mid);margin-bottom:28px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:7px}.form-input{width:100%;padding:12px 16px;border:1.5px solid rgba(18,32,34,.14);border-radius:12px;font-size:14px;font-family:Lato,sans-serif;color:var(--text-dark);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--teal)}.form-input::placeholder{color:var(--text-faint)}.form-select{width:100%;padding:12px 36px 12px 16px;border:1.5px solid rgba(18,32,34,.14);border-radius:12px;font-size:14px;font-family:Lato,sans-serif;color:var(--text-dark);outline:none;transition:border-color .2s;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23122022' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-select:focus{border-color:var(--teal)}.btn-full{width:100%;justify-content:center;height:48px;font-size:15px;border-radius:12px}.auth-link{font-size:14px;color:var(--text-mid);text-align:center;margin-top:18px}.auth-link a{color:var(--teal);font-weight:600;text-decoration:none}.divider{display:flex;align-items:center;gap:12px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#1220221a}.divider span{font-size:13px;color:var(--text-faint)}.mobile-menu-btn{display:none;position:fixed;top:16px;left:16px;z-index:200;width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--border-soft);align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000001a}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:90}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:900;display:flex;justify-content:flex-end;transition:background .2s}.modal-card{background:var(--bg-card);border-radius:0;width:600px;max-width:90%;height:100vh;box-shadow:0 0 40px #0000001a;display:flex;flex-direction:column;position:relative;transform:translate(100%);transition:transform .3s ease-out;padding:28px}.modal-overlay.open .modal-card{transform:translate(0)}.modal-overlay.open{opacity:1}.modal-overlay{opacity:0;pointer-events:none}.modal-overlay.open{pointer-events:auto}@media (max-width: 1024px){:root{--sidebar-w: 260px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-cell:nth-child(3){border-right:none}.search-wrap{width:280px}}@media (max-width: 768px){:root{--sidebar-w: 270px}.mobile-menu-btn{display:flex}.sidebar{transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-wrap{margin-left:0}.top-header{padding:0 16px 0 60px;gap:10px;height:auto;min-height:72px;flex-wrap:wrap}.header-title-area{order:2;width:100%;padding-bottom:8px}.header-page-title{font-size:22px}.search-wrap{width:100%;order:3}.user-profile{order:1;margin-left:auto}.user-name,.user-email{display:none}.page-content{padding:16px}.stats-grid{grid-template-columns:1fr 1fr}.stat-cell:nth-child(2n){border-right:none}.stat-cell:nth-child(5){grid-column:span 2;border-right:none;border-top:1px solid var(--border-soft)}.charts-row{grid-template-columns:1fr}.funnel-wrap{flex-direction:column}.toolbar{flex-wrap:wrap;gap:10px}.action-btns{display:none}.data-table th,.data-table td{padding:10px 8px;font-size:12px}.pagination-bar{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-cell{border-right:none;border-bottom:1px solid var(--border-soft)}.stat-cell:last-child{border-bottom:none}.auth-card{padding:28px 20px}}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.overview-grid .full{grid-column:span 2}@media (max-width: 768px){.overview-grid{grid-template-columns:1fr}.overview-grid .full{grid-column:span 1}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#12202226;border-radius:9px}