@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--accent:#007aff;--accent-hover:#06d;--accent-light:#007aff1f;--accent-glow:#007aff33;--success:#34c759;--error:#ff3b30;--warning:#ff9500;--info:#007aff;--apple-blue:#007aff;--apple-orange:#ff9500;--apple-purple:#af52de;--apple-red:#ff3b30;--apple-teal:#5ac8fa;--apple-indigo:#5856d6;--apple-pink:#ff2d55;--bg-canvas:#f2f2f7;--bg-canvas-solid:#f2f2f7;--text-main:#1d1d1f;--text-secondary:#86868b;--text-dim:#00000040;--separator:#00000014;--separator-strong:#00000024;--glass-bg:#ffffffb8;--glass-bg-solid:#ffffffeb;--glass-bg-hover:#ffffffd1;--glass-bg-active:#fff9;--glass-blur:50px;--glass-saturate:200%;--glass-border:#ffffff80;--glass-border-dark:#0000000f;--glass-specular:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #0000000a;--glass-shadow:0 2px 20px #0000000f, 0 0 1px #00000014;--glass-shadow-deep:0 8px 40px #0000001a, 0 0 1px #0000001a;--input-bg:#fffc;--input-border:#0000001a;--input-shadow:inset 0 1px 2px #0000000f;--nav-active-bg:#007aff1a;--nav-active-text:#007aff;--nav-active-border:#007aff33;--nav-hover-bg:#0000000a;--tooltip-bg:#ffffffe0;--tooltip-text:#1d1d1f;--tooltip-border:#0000000f;--sidebar-bg:#f6f6f6cc;--header-bg:#ffffffc7;color:var(--text-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--bg-canvas:#000;--bg-canvas-solid:#1c1c1e;--text-main:#f5f5f7;--text-secondary:#98989d;--text-dim:#ffffff40;--separator:#ffffff14;--separator-strong:#ffffff24;--glass-bg:#1c1c1eb8;--glass-bg-solid:#1c1c1eeb;--glass-bg-hover:#2c2c2ecc;--glass-bg-active:#3a3a3cb3;--glass-border:#ffffff14;--glass-border-dark:#ffffff0f;--glass-specular:inset 0 1px 0 #ffffff0f, inset 0 -1px 0 #00000026;--glass-shadow:0 2px 20px #0000004d, 0 0 1px #0006;--glass-shadow-deep:0 8px 40px #00000080, 0 0 1px #00000080;--input-bg:#1c1c1ecc;--input-border:#ffffff1a;--input-shadow:inset 0 1px 2px #0003;--nav-active-bg:#007aff2e;--nav-active-text:#0a84ff;--nav-active-border:#007aff47;--nav-hover-bg:#ffffff0f;--tooltip-bg:#1c1c1eeb;--tooltip-text:#f5f5f7;--tooltip-border:#ffffff1a;--sidebar-bg:#1c1c1ed1;--header-bg:#1c1c1ed1}body{background-color:var(--bg-canvas);min-width:320px;height:100%;min-height:100vh;color:var(--text-main);background-image:radial-gradient(70% 50% at 15% 20%,#007aff0f 0%,#0000 60%),radial-gradient(60% 45% at 80% 75%,#af52de0d 0%,#0000 60%),radial-gradient(50% 40% at 50% 10%,#34c7590a 0%,#0000 55%),radial-gradient(40% 35% at 90% 15%,#ff95000a 0%,#0000 55%);margin:0;transition:background-color .4s,color .3s;overflow:hidden}html,body,#root{height:100%;margin:0;padding:0}html{font-size:16px}*{box-sizing:border-box;margin:0;padding:0}a{color:var(--accent);text-decoration:none;transition:color .2s,opacity .2s}a:hover{opacity:.75}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-bottom-color:var(--glass-border-dark);box-shadow:var(--glass-shadow), var(--glass-specular);border-radius:20px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ff3c3c06 0%,#ffa50004 20%,#00ff6403 40%,#007aff05 60%,#af52de04 80%,#0000 100%);border-radius:20px;position:absolute;top:0;bottom:0;left:0;right:0}.glass-panel>*{z-index:1;position:relative}.glass-panel:hover{box-shadow:var(--glass-shadow-deep), var(--glass-specular);transform:translateY(-1px)}.glass-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(180%);border:none;border-bottom:.5px solid var(--separator);box-shadow:var(--glass-specular);transition:background .3s}.app-container{gap:0;height:100vh;min-height:100vh;padding:8px;display:flex;overflow:hidden}.glass-sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(60px)saturate(220%);border:1px solid var(--glass-border);border-right-color:var(--separator);width:248px;box-shadow:var(--glass-shadow), var(--glass-specular);border-radius:16px;flex-direction:column;flex-shrink:0;margin:0 8px 0 0;padding:20px 0;transition:background .3s;display:flex;overflow-y:auto}.glass-sidebar::-webkit-scrollbar{width:4px}.glass-sidebar::-webkit-scrollbar-track{background:0 0}.glass-sidebar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.sidebar-logo{color:var(--text-main);letter-spacing:-.3px;align-items:center;gap:10px;padding:0 20px 24px;font-size:18px;font-weight:700;display:flex}.sidebar-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;opacity:.8;padding:16px 20px 6px;font-size:11px;font-weight:600}.nav-item{color:var(--text-secondary);cursor:pointer;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;margin:1px 8px;padding:9px 14px;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex}.nav-item:hover{background:var(--nav-hover-bg);color:var(--text-main);box-shadow:none;border-color:#0000;transform:none}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-text);border-color:var(--nav-active-border);box-shadow:none;font-weight:600}.main-content{flex-direction:column;flex:1;min-width:0;padding:0;display:flex;overflow:hidden auto}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}[data-theme=dark] .main-content::-webkit-scrollbar-thumb{background:#ffffff26}.content-area{flex:1;padding:28px 32px 32px;overflow-y:auto}.glass-header{background:var(--header-bg);-webkit-backdrop-filter:blur(50px)saturate(200%);border-bottom:.5px solid var(--separator);z-index:10;justify-content:space-between;align-items:center;padding:12px 32px;transition:background .3s;display:flex;position:sticky;top:0;box-shadow:inset 0 -.5px #0000000a}.header-title{color:var(--text-main);letter-spacing:-.2px;font-size:15px;font-weight:600}.page-header{margin-bottom:24px}.page-title{letter-spacing:-.6px;color:var(--text-main);margin-bottom:4px;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:14px;font-weight:400}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:600}.kpi-value{color:var(--text-main);letter-spacing:-.8px;font-size:28px;font-weight:700;line-height:1.1}.kpi-trend{color:var(--text-secondary);align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:500;display:flex}.kpi-trend.positive{color:var(--success)}.kpi-trend.negative{color:var(--error)}.data-table-wrapper{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-bottom-color:var(--glass-border-dark);box-shadow:var(--glass-shadow), var(--glass-specular);border-radius:16px;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{background:var(--glass-bg-solid);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:.5px solid var(--separator);z-index:2;padding:11px 18px;font-size:11px;font-weight:600;position:sticky;top:0}td{border-bottom:.5px solid var(--separator);color:var(--text-main);padding:12px 18px;font-size:13.5px;line-height:1.4}tr:last-child td{border-bottom:none}tr:hover td{background:var(--nav-hover-bg)}.data-table-wrapper::-webkit-scrollbar{height:5px}.data-table-wrapper::-webkit-scrollbar-track{background:0 0}.data-table-wrapper::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.pagination-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-bottom-color:var(--glass-border-dark);box-shadow:var(--glass-shadow), var(--glass-specular);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 18px;display:flex}.pagination-info{color:var(--text-secondary);white-space:nowrap;min-width:140px;font-size:12px;font-weight:500}.pagination-rows-per-page{align-items:center;gap:8px;display:flex}.pagination-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:500}.pagination-select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2386868B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:5px 28px 5px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:border-color .2s,box-shadow .2s}.pagination-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{border:1px solid var(--separator);background:var(--glass-bg);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:none;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:inline-flex}.page-btn:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--separator-strong);color:var(--text-main);box-shadow:none;transform:none}.page-btn:active:not(:disabled){transform:scale(.95)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-btn.active{background:var(--accent);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 1px 3px #007aff4d}.page-btn.active:hover{background:var(--accent-hover);color:#fff;border-color:#0000;box-shadow:0 2px 8px #007aff59}.page-ellipsis{width:28px;height:32px;color:var(--text-dim);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}button{border:1px solid var(--separator);background:var(--glass-bg);color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(8px);box-shadow:none;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.25,.46,.45,.94)}button:hover{background:var(--glass-bg-hover);border-color:var(--separator-strong);box-shadow:none;transform:none}button:active{transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border:1px solid #0000;font-weight:600;box-shadow:0 1px 3px #007aff4d}.btn-primary:hover{background:var(--accent-hover);border-color:#0000;box-shadow:0 2px 8px #007aff59}.btn-secondary{background:var(--glass-bg);border:1px solid var(--separator);color:var(--accent);font-weight:500}.btn-secondary:hover{background:var(--accent-light);border-color:var(--nav-active-border)}.btn-danger{color:var(--error);background:#ff3b301a;border:1px solid #ff3b3033}.btn-danger:hover{background:#ff3b302e;border-color:#ff3b3059}.btn-success{color:var(--success);background:#34c7591a;border:1px solid #34c75933}.btn-success:hover{background:#34c7592e;border-color:#34c75959}.glass-input,input[type=email],input[type=password],input[type=text],input[type=number],input[type=search]{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-main);box-shadow:var(--input-shadow);-webkit-backdrop-filter:none;border-radius:10px;outline:none;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.glass-input:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light), var(--input-shadow)}.glass-input::placeholder,input::placeholder{color:var(--text-dim)}.badge{letter-spacing:.2px;border:none;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.badge-success{color:var(--success);background:#34c7591f}.badge-warning{color:var(--warning);background:#ff95001f}.badge-error{color:var(--error);background:#ff3b301a}.badge-info{color:var(--accent);background:#007aff1a}.badge-neutral{background:var(--nav-hover-bg);color:var(--text-secondary)}.segmented-control{background:var(--nav-hover-bg);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented-control button{color:var(--text-secondary);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:500}.segmented-control button:hover{color:var(--text-main);box-shadow:none;background:0 0;transform:none}.segmented-control button.active{background:var(--glass-bg-solid);color:var(--text-main);box-shadow:0 1px 4px #00000014, var(--glass-specular);font-weight:600}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--tooltip-bg)!important;-webkit-backdrop-filter:blur(30px)!important;border:1px solid var(--tooltip-border)!important;color:var(--tooltip-text)!important;border-radius:12px!important;box-shadow:0 4px 24px #0000001a!important}.recharts-default-tooltip .recharts-tooltip-label{color:var(--tooltip-text)!important}.flex-center{justify-content:center;align-items:center;display:flex}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content{background:var(--glass-bg-solid);-webkit-backdrop-filter:blur(60px)saturate(200%);border:1px solid var(--glass-border);border-radius:20px;width:92vw;max-height:85vh;animation:.25s cubic-bezier(.25,.46,.45,.94) slideUp;overflow-y:auto;box-shadow:0 20px 80px #00000040,0 0 1px #0003}.modal-content::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-title{color:var(--text-main);letter-spacing:-.3px;font-size:18px;font-weight:700}.modal-close{background:var(--nav-hover-bg);width:30px;height:30px;color:var(--text-secondary);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.modal-close:hover{color:var(--error);background:#ff3b301a}.modal-body{padding:20px 24px 24px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-main);box-shadow:var(--input-shadow);border-radius:10px;outline:none;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light), var(--input-shadow)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2386868B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{border-top:.5px solid var(--separator);justify-content:flex-end;gap:8px;margin-top:24px;padding-top:16px;display:flex}.action-group{flex-wrap:wrap;gap:4px;display:flex}.action-btn{border:1px solid var(--separator);background:var(--glass-bg);color:var(--text-main);border-radius:7px;align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.action-btn:hover{background:var(--glass-bg-hover);border-color:var(--separator-strong)}.action-btn-confirm{color:var(--success);border-color:#34c75933}.action-btn-confirm:hover{background:#34c75914}.action-btn-cancel{color:var(--error);border-color:#ff3b3033}.action-btn-cancel:hover{background:#ff3b3014}.action-btn-edit{color:var(--accent);border-color:#007aff33}.action-btn-edit:hover{background:#007aff14}.action-btn-warn{color:var(--warning);border-color:#ff950033}.action-btn-warn:hover{background:#ff950014}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}