:root{--bg:#eff3f8;--surface:#fff;--text:#16253a;--muted:#697c94;--border:#d8e2ee;--primary:#0f5eb8;--primary-dark:#0d4b91;--danger:#b53a43;--success:#0f8a5d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Trebuchet MS,sans-serif}a{color:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:linear-gradient(170deg,#0d1d31,#0f3158);color:#fff;padding:18px}.sidebar h1{margin:0 0 16px;font-size:20px}.nav{display:flex;flex-direction:column;gap:8px}.nav a{color:rgba(255,255,255,.92);text-decoration:none;padding:9px 12px;border-radius:10px}.nav a:hover{background:rgba(255,255,255,.13)}.logout-form{margin-top:16px}.content{padding:20px;overflow-x:hidden}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:16px}.grid{display:grid;grid-gap:14px;gap:14px}.grid>*{min-width:0}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:25px;font-weight:800}.stat-label{color:var(--muted);font-size:13px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);text-decoration:none;font-size:14px;padding:8px 12px;cursor:pointer}.btn:hover,button:hover{background:#f5f8fc}.btn-primary,button.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover,button.btn-primary:hover{background:var(--primary-dark)}.btn-danger,button.btn-danger{border-color:#e4b5ba;color:var(--danger);background:#fff}.btn-danger:hover,button.btn-danger:hover{background:#fff4f5}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #e6edf6;padding:10px;text-align:left;vertical-align:top;word-break:break-word}th{font-size:13px;color:#38506f}tr:last-child td{border-bottom:none}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:8px 10px;font:inherit;color:var(--text);background:#fff}label{display:block;font-size:13px;color:#38506f;margin-bottom:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-row{margin-bottom:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}.error{color:#c23842;font-size:14px;margin-top:8px}.ok-badge,.warn-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:4px 9px}.ok-badge{background:#e5f6ee;color:var(--success)}.warn-badge{background:#fff0ce;color:#8f6502}pre{white-space:pre-wrap;word-break:break-word;margin:0}.table-wrap{width:100%;overflow-x:auto}.table-wrap table{min-width:680px}.cell-break{overflow-wrap:anywhere;word-break:break-word}.stat-link{text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.stat-link:hover{border-color:#b9cce3;box-shadow:0 6px 16px rgba(15,49,88,.08);transform:translateY(-1px)}.analytics-page .analytics-note{color:var(--muted);font-size:13px;line-height:1.45}.analytics-bars{display:flex;flex-direction:column;gap:10px}.analytics-bar-link{display:block;text-decoration:none;border:1px solid var(--border);border-radius:10px;padding:10px;background:#fbfdff;transition:border-color .2s ease,background-color .2s ease}.analytics-bar-link:hover{border-color:#b9cce3;background:#f5f9ff}.analytics-bar-link.active{border-color:var(--primary);background:#eef5ff}.analytics-bar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.analytics-bar-title{font-weight:600;font-size:14px;line-height:1.35}.analytics-bar-code{color:var(--muted);font-size:12px}.analytics-bar-value{color:#38506f;font-size:12px;white-space:nowrap}.analytics-bar-track{width:100%;height:8px;border-radius:999px;background:#deebfa;overflow:hidden}.analytics-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f7bc8,#0f5eb8)}@media (max-width:1024px){.admin-shell,.form-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.chart-container{padding:8px 0}.chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.chart-title{margin:0;font-size:16px;font-weight:600;color:var(--text)}.chart-legend{display:flex;gap:8px;flex-wrap:wrap}.chart-legend-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:20px;background:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.chart-legend-item.active,.chart-legend-item:hover{border-color:var(--metric-color,var(--primary))}.chart-legend-item.active{color:#fff}.chart-legend-dot,.chart-legend-item.active{background:var(--metric-color,var(--primary))}.chart-legend-dot{width:8px;height:8px;border-radius:50%}.chart-legend-item.active .chart-legend-dot{background:#fff}.chart-area{display:flex;gap:12px;height:220px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--muted);text-align:right;min-width:50px;padding:4px 0}.chart-bars-container{gap:3px;border-bottom:2px solid var(--border);padding-bottom:2px}.chart-bar-wrapper,.chart-bars-container{flex:1 1;display:flex;align-items:flex-end}.chart-bar-wrapper{height:100%;position:relative;cursor:pointer}.chart-bar{width:100%;min-height:2px;border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.chart-bar-wrapper:hover .chart-bar{opacity:.8}.chart-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:10;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.chart-tooltip-label{font-weight:600;margin-bottom:4px}.chart-tooltip-value{color:rgba(255,255,255,.85)}.chart-x-axis{display:flex;justify-content:space-between;margin-top:8px;margin-left:62px;font-size:10px;color:var(--muted);overflow:hidden}.chart-x-axis span{text-align:center;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px}.funnel-container{padding:8px 0}.funnel-steps{display:flex;flex-direction:column;gap:16px}.funnel-step-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.funnel-step-name{font-weight:500;font-size:14px}.funnel-step-count{font-weight:700;font-size:16px;color:var(--primary)}.funnel-step-rate{font-size:12px;color:var(--success);background:#e5f6ee;padding:2px 8px;border-radius:12px}.funnel-bar-track{width:100%;height:24px;border-radius:12px;background:#e8f0fa;overflow:hidden}.funnel-bar-fill{height:100%;border-radius:12px;background:linear-gradient(90deg,#0f5eb8,#2f7bc8);transition:width .8s cubic-bezier(.34,1.56,.64,1)}.donut-container{padding:8px 0}.donut-wrapper{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.donut-chart{width:180px;height:180px;transition:background .8s ease;flex-shrink:0}.donut-chart,.donut-hole{border-radius:50%;display:flex;align-items:center;justify-content:center}.donut-hole{width:100px;height:100px;background:var(--surface);flex-direction:column}.donut-total{font-size:24px;font-weight:700;color:var(--text)}.donut-total-label{font-size:12px;color:var(--muted)}.donut-legend{flex:1 1;min-width:200px;display:flex;flex-direction:column;gap:8px}.donut-legend-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .2s ease}.donut-legend-item.active,.donut-legend-item:hover{background:#f5f8fc}.donut-legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.donut-legend-label{flex:1 1;font-size:13px;color:var(--text)}.donut-legend-value{font-weight:600;font-size:13px;color:var(--text)}.donut-legend-percent{font-size:12px;color:var(--muted);min-width:45px;text-align:right}.stat-card-animated{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat-card-animated:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,49,88,.1)}.stat-card-animated:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-card-primary:before{background:linear-gradient(90deg,#0f5eb8,#2f7bc8)}.stat-card-purple:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.stat-card-teal:before{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.stat-card-orange:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.stat-card-icon{font-size:28px;margin-bottom:8px}.stat-card-value{font-size:32px;font-weight:800;color:var(--text);line-height:1.1}.stat-card-label{font-size:13px;color:var(--muted);margin-top:6px}.stat-card-trend{position:absolute;top:16px;right:16px;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px}.stat-card-trend.positive{background:#e5f6ee;color:var(--success)}.stat-card-trend.negative{background:#fee2e2;color:var(--danger)}.analytics-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.analytics-charts-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}@media (max-width:1200px){.analytics-overview-grid{grid-template-columns:repeat(2,1fr)}.analytics-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-overview-grid{grid-template-columns:1fr}.chart-x-axis .hidden-mobile{display:none}.donut-wrapper{flex-direction:column;align-items:center}}