@charset "UTF-8";:root{--pp-primary-50: #e0f7fa;--pp-primary-100: #b2ebf2;--pp-primary-200: #80deea;--pp-primary-300: #4dd0e1;--pp-primary-400: #26c6da;--pp-primary-500: #00acc1;--pp-primary-600: #0097a7;--pp-primary-700: #00838f;--pp-primary-800: #006064;--pp-accent-400: #ffab40;--pp-accent-500: #ff9100;--pp-accent-600: #ff6d00;--pp-neutral-50: #fafafa;--pp-neutral-100: #f5f5f5;--pp-neutral-200: #eeeeee;--pp-neutral-300: #e0e0e0;--pp-neutral-400: #bdbdbd;--pp-neutral-500: #9e9e9e;--pp-neutral-600: #757575;--pp-neutral-700: #616161;--pp-neutral-800: #424242;--pp-neutral-900: #212121;--pp-sidebar-bg: #0a1628;--pp-sidebar-text: #b0bec5;--pp-sidebar-active: var(--pp-primary-400);--pp-sidebar-hover: rgba(255, 255, 255, .06);--pp-sidebar-width: 260px;--pp-success: #4caf50;--pp-warning: #ff9800;--pp-error: #f44336;--pp-info: #2196f3;--pp-surface: #ffffff;--pp-surface-elevated: #ffffff;--pp-background: #f0f4f8;--pp-border: #e2e8f0;--pp-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pp-font-size-xs: .75rem;--pp-font-size-sm: .8125rem;--pp-font-size-base: .875rem;--pp-font-size-md: 1rem;--pp-font-size-lg: 1.125rem;--pp-font-size-xl: 1.5rem;--pp-font-size-2xl: 2rem;--pp-space-1: .25rem;--pp-space-2: .5rem;--pp-space-3: .75rem;--pp-space-4: 1rem;--pp-space-5: 1.25rem;--pp-space-6: 1.5rem;--pp-space-8: 2rem;--pp-space-10: 2.5rem;--pp-space-12: 3rem;--pp-radius-sm: 6px;--pp-radius-md: 10px;--pp-radius-lg: 14px;--pp-radius-xl: 20px;--pp-radius-full: 9999px;--pp-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--pp-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--pp-shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--pp-shadow-card: 0 2px 8px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .03);--pp-transition-fast: .15s ease;--pp-transition-normal: .25s ease;--pp-transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--pp-font-family);font-size:var(--pp-font-size-base);color:var(--pp-neutral-900);background:var(--pp-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--pp-primary-600);text-decoration:none;transition:color var(--pp-transition-fast)}a:hover{color:var(--pp-primary-800)}.pp-card{background:var(--pp-surface);border-radius:var(--pp-radius-lg);box-shadow:var(--pp-shadow-card);padding:var(--pp-space-6);transition:box-shadow var(--pp-transition-normal)}.pp-card:hover{box-shadow:var(--pp-shadow-md)}.pp-gradient-bar{height:3px;background:linear-gradient(90deg,var(--pp-primary-500),var(--pp-accent-500));border-radius:var(--pp-radius-full)}.pp-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--pp-radius-full);font-size:var(--pp-font-size-xs);font-weight:600;letter-spacing:.025em;text-transform:uppercase}.pp-badge--success{background:#e8f5e9;color:#2e7d32}.pp-badge--warning{background:#fff3e0;color:#e65100}.pp-badge--error{background:#ffebee;color:#c62828}.pp-badge--info{background:#e3f2fd;color:#1565c0}.pp-badge--neutral{background:#f5f5f5;color:#616161}.pp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--pp-radius-md);font-family:var(--pp-font-family);font-size:var(--pp-font-size-sm);font-weight:600;cursor:pointer;transition:all var(--pp-transition-fast);outline:none}.pp-btn--primary{background:linear-gradient(135deg,var(--pp-primary-600),var(--pp-primary-700));color:#fff;box-shadow:0 2px 8px #0096a74d}.pp-btn--primary:hover{background:linear-gradient(135deg,var(--pp-primary-700),var(--pp-primary-800));box-shadow:0 4px 12px #0096a766;transform:translateY(-1px)}.pp-btn--secondary{background:var(--pp-neutral-100);color:var(--pp-neutral-700);border:1px solid var(--pp-neutral-300)}.pp-btn--secondary:hover{background:var(--pp-neutral-200)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--pp-neutral-300);border-radius:var(--pp-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--pp-neutral-400)}@keyframes pp-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pp-pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.pp-animate-fade-in{animation:pp-fade-in .4s cubic-bezier(.4,0,.2,1) forwards}
