:root{font-family:Inter,IBM Plex Sans,Segoe UI,sans-serif;color:#0f172a;background-color:#f8fafc;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--border: #e2e8f0;--border-light: #f1f5f9;--surface: #ffffff;--bg: #f8fafc;--primary: #0f766e;--primary-light: rgba(15, 118, 110, .08);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 16px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .08);--transition: .2s cubic-bezier(.4, 0, .2, 1)}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -20%,rgba(15,118,110,.07),transparent 50%),radial-gradient(900px 500px at 100% 0%,rgba(217,119,6,.05),transparent 45%),var(--bg)}.app-shell{min-height:100vh}.sidebar-logo{height:56px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--primary);border-bottom:1px solid var(--border-light);-webkit-user-select:none;user-select:none}.app-header{display:flex;justify-content:space-between;align-items:center;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 16px;height:56px}.app-header-left,.app-header-right{display:flex;align-items:center;min-width:0;gap:10px}.app-header-user{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#64748b}.app-content{padding:20px;max-width:1440px}.page-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;min-height:calc(100vh - 116px);box-shadow:var(--shadow-sm)}.panel-box{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition)}.panel-box:hover{box-shadow:var(--shadow-md)}.stats-card{height:100%;transition:box-shadow var(--transition),transform var(--transition)}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.json-block{margin:0;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow:auto}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(800px 400px at 50% 30%,rgba(15,118,110,.06),transparent 60%),var(--bg)}.login-card{width:100%;max-width:420px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.login-card .ant-card-body{padding:32px}.filters-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center}.filters-row .ant-input-search,.filters-row .ant-select,.filters-row .ant-btn{min-width:0}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-container{width:100%;height:320px}.ant-table-wrapper .ant-table,.ant-card{border-radius:var(--radius-md)}.ant-btn{border-radius:var(--radius-sm);font-weight:500}.ant-tag{border-radius:6px;font-weight:500;font-size:12px}.ant-select-selector{border-radius:var(--radius-sm)!important}.ant-input,.ant-input-affix-wrapper{border-radius:var(--radius-sm)}.ant-menu-inline .ant-menu-item{border-radius:var(--radius-sm);margin-inline:8px;width:calc(100% - 16px)}@media(max-width:1200px){.app-content{padding:16px}.page-section{padding:20px}}@media(max-width:992px){.app-content{padding:12px}.page-section{min-height:auto;padding:16px}.app-header{padding:0 10px}.app-header-user{display:none}.chart-container{height:260px}}@media(max-width:640px){.app-content{padding:8px}.page-section{padding:12px;border-radius:var(--radius-md)}.panel-box{padding:14px}.filters-row{flex-direction:column;gap:8px}.filters-row .ant-input-search,.filters-row .ant-select{width:100%!important}.chart-container{height:200px}.login-card{max-width:100%}.login-card .ant-card-body{padding:20px}.ant-table-wrapper{overflow-x:auto}.ant-table{min-width:600px}.page-section h2.ant-typography{font-size:20px!important}}