:root{--bg-primary: #0a0f1a;--bg-secondary: #111827;--bg-card: #1a2234;--bg-elevated: #242f44;--bg-input: #0d1320;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--border-default: #2a3548;--border-subtle: #1e293b;--border-strong: #3b4a63;--success: #22c55e;--success-light: #4ade80;--success-muted: #14532d;--success-bg: rgba(34, 197, 94, .1);--danger: #ef4444;--danger-light: #f87171;--danger-muted: #7f1d1d;--danger-bg: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-light: #fbbf24;--warning-muted: #78350f;--warning-bg: rgba(245, 158, 11, .1);--info: #3b82f6;--info-light: #60a5fa;--info-muted: #1e3a5f;--info-bg: rgba(59, 130, 246, .1);--accent: #6366f1;--accent-light: #818cf8;--accent-muted: #312e81;--accent-bg: rgba(99, 102, 241, .1);--gold: #fbbf24;--purple: #a855f7;--purple-muted: #581c87;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow-success: 0 0 20px rgba(34, 197, 94, .3);--shadow-glow-danger: 0 0 20px rgba(239, 68, 68, .3);--shadow-glow-accent: 0 0 20px rgba(99, 102, 241, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 10;--z-sticky: 50;--z-modal-backdrop: 100;--z-modal: 110;--z-toast: 120}.pg-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:var(--space-5);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.pg-card:hover{border-color:var(--border-strong)}.pg-card--elevated{box-shadow:var(--shadow-md)}.pg-card--interactive{cursor:pointer}.pg-card--interactive:hover{background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.pg-kpi-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:var(--space-5)}.pg-kpi-card__label{font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.pg-kpi-card__value{font-size:var(--font-4xl);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.pg-kpi-card__value--success{color:var(--success)}.pg-kpi-card__value--danger{color:var(--danger)}.pg-kpi-card__value--info{color:var(--info)}.pg-kpi-card__subtext{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-1)}.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-size:var(--font-sm);font-weight:var(--weight-semibold);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.pg-btn:disabled{opacity:.5;cursor:not-allowed}.pg-btn--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);color:#fff;box-shadow:var(--shadow-md),0 0 0 0 var(--accent)}.pg-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow-accent)}.pg-btn--primary:active:not(:disabled){transform:translateY(0)}.pg-btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.pg-btn--secondary:hover:not(:disabled){background:var(--border-strong);border-color:var(--border-strong)}.pg-btn--ghost{background:transparent;color:var(--text-secondary)}.pg-btn--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.pg-btn--success{background:var(--success);color:#fff}.pg-btn--success:hover:not(:disabled){background:var(--success-light);box-shadow:var(--shadow-glow-success)}.pg-btn--danger{background:var(--danger);color:#fff}.pg-btn--danger:hover:not(:disabled){background:var(--danger-light);box-shadow:var(--shadow-glow-danger)}.pg-btn--warning{background:var(--warning);color:var(--bg-primary)}.pg-btn--warning:hover:not(:disabled){background:var(--warning-light)}.pg-btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--font-base)}.pg-btn--full{width:100%}.pg-btn--icon{padding:var(--space-3)}.pg-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;min-height:100px}.pg-action-card__icon{font-size:1.75rem}.pg-action-card__label{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.pg-action-card:hover{background:var(--bg-elevated);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pg-action-card--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);border-color:transparent}.pg-action-card--primary .pg-action-card__label{color:#fff}.pg-action-card--primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-accent)}.pg-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full)}.pg-badge--success{background:var(--success-bg);color:var(--success-light)}.pg-badge--danger{background:var(--danger-bg);color:var(--danger-light)}.pg-badge--warning{background:var(--warning-bg);color:var(--warning-light)}.pg-badge--info{background:var(--info-bg);color:var(--info-light)}.pg-badge--neutral{background:var(--bg-elevated);color:var(--text-secondary)}.pg-progress{width:100%;height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.pg-progress__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.pg-progress__fill--success{background:linear-gradient(90deg,var(--success) 0%,var(--success-light) 100%)}.pg-progress__fill--info{background:linear-gradient(90deg,var(--info) 0%,var(--info-light) 100%)}.pg-progress__fill--warning{background:linear-gradient(90deg,var(--warning) 0%,var(--warning-light) 100%)}.pg-section-title{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.pg-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-4)}.pg-stat{text-align:center}.pg-stat__label{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.pg-stat__value{font-size:var(--font-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.pg-divider{height:1px;background:var(--border-subtle);margin:var(--space-4) 0}.pg-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4)}.pg-modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-default);box-shadow:var(--shadow-xl);max-width:440px;width:100%;max-height:90vh;overflow-y:auto}.pg-modal__header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-subtle)}.pg-modal__title{font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.pg-modal__body{padding:var(--space-6)}.pg-modal__footer{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;gap:var(--space-3);justify-content:flex-end}.pg-alert{padding:var(--space-4);border-radius:var(--radius-md);border-left:3px solid}.pg-alert--warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning-light)}.pg-alert--danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger-light)}.pg-alert--success{background:var(--success-bg);border-color:var(--success);color:var(--success-light)}.pg-alert--info{background:var(--info-bg);border-color:var(--info);color:var(--info-light)}.pg-live-indicator{width:10px;height:10px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22c55eb3}50%{opacity:.8;box-shadow:0 0 0 8px #22c55e00}}.pg-skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border-default) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pg-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-base);font-family:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pg-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.pg-input::placeholder{color:var(--text-disabled)}.pg-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;padding-right:var(--space-10)}.pg-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:var(--font-base)}.pg-menu-item:hover{background:var(--bg-elevated)}.pg-menu-item--active{background:var(--accent-bg);color:var(--accent-light)}.pg-menu-item__icon{font-size:1.25rem}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-info{color:var(--info)!important}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.bg-success{background:var(--success-bg)!important}.bg-danger{background:var(--danger-bg)!important}.bg-warning{background:var(--warning-bg)!important}.bg-info{background:var(--info-bg)!important}.font-bold{font-weight:var(--weight-bold)!important}.font-semibold{font-weight:var(--weight-semibold)!important}.font-medium{font-weight:var(--weight-medium)!important}.pg-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.pg-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.pg-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:768px){.pg-grid-2{grid-template-columns:1fr}.pg-grid-3,.pg-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pg-grid-3,.pg-grid-4{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html{margin:0;padding:0;width:100%;height:100%}body{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}#root{width:100%;min-height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.app-dark{color:var(--text-primary);background-color:var(--bg-primary)}.app-dark a{color:var(--accent-light)}.app-dark a:hover{color:var(--accent)}.app-dark h1,.app-dark h2,.app-dark h3{color:var(--text-primary)}.app-dark label{color:var(--text-secondary)}.app-dark input,.app-dark select,.app-dark textarea{font-size:16px;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md)}.app-dark input:focus,.app-dark select:focus,.app-dark textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.app-dark input::placeholder,.app-dark textarea::placeholder{color:var(--text-disabled)}.app-dark button{border-radius:var(--radius-md);border:1px solid var(--border-default);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;background:var(--bg-card);color:var(--text-primary)}.app-dark button:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.app-dark button:active{transform:scale(.98)}.app-light{color:#333;background-color:#f8f9fa}.app-light a{font-weight:500;color:#4caf50;text-decoration:inherit}.app-light a:hover{color:#66bb6a}.app-light h1,.app-light h2{color:#1a1a2e}.app-light h3,.app-light label{color:#333}.app-light input,.app-light select,.app-light textarea{font-size:16px;color:#333;background-color:#fff}.app-light button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.app-light button:active{transform:scale(.98)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseBorder{0%,to{box-shadow:0 0 #4caf50b3}50%{box-shadow:0 0 0 15px #4caf5000}}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){h1{font-size:1.5rem}}@media(min-width:768px){h1{font-size:2rem}.page-container{padding:2rem}}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}.page-content{padding-bottom:90px}.app-dark::-webkit-scrollbar{width:8px;height:8px}.app-dark::-webkit-scrollbar-track{background:var(--bg-secondary)}.app-dark::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.app-dark::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.app-dark{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-secondary)}