:root{--ph-primary: #00f2ff;--ph-primary-light: #80f9ff;--ph-primary-dark: #0099a3;--ph-primary-darker: #00666b;--ph-primary-opacity: rgba(0, 242, 255, .3);--ph-primary-opacity-5: rgba(0, 242, 255, .05)}:root{--ph-secondary: #ff00d4;--ph-secondary-light: #ff80eb;--ph-secondary-opacity: rgba(255, 0, 212, .3)}:root{--ph-accent: #00ff88;--ph-accent-light: #80ffc4;--ph-accent-dark: #009952}:root{--ph-warning: #ffaa00;--ph-error: #ff4466;--ph-info: #00aaff}:root{--ph-bg: #050a15;--ph-bg-secondary: #0a1020;--ph-bg-tertiary: #111a30;--ph-bg-card: #0a1020;--ph-bg-elevated: #0d162b;--ph-bg-glass: rgba(10, 16, 32, .7);--ph-bg-glass-light: rgba(17, 26, 48, .8)}:root{--ph-border: #1a2a4a;--ph-border-light: #2a3a5a;--ph-border-lightest: #3a4a6a;--ph-border-primary: #00f2ff}:root{--ph-text-primary: #e6f7ff;--ph-text-secondary: #99aacc;--ph-text-tertiary: #6677aa;--ph-text-muted: #445588;--ph-text-inverse: #050a15}:root{--ph-active: var(--ph-primary);--ph-success: var(--ph-accent);--ph-danger: var(--ph-error);--ph-processing: var(--ph-info)}:root{--ph-gradient-primary: linear-gradient(135deg, #00f2ff 0%, #0099a3 100%);--ph-gradient-secondary: linear-gradient(135deg, #ff00d4 0%, #aa0088 100%);--ph-gradient-accent: linear-gradient(135deg, #00ff88 0%, #00aa55 100%);--ph-gradient-bg: linear-gradient(180deg, #050a15 0%, #0a1020 50%, #050a15 100%);--ph-gradient-card: linear-gradient(135deg, rgba(0,242,255,.1) 0%, rgba(10,16,32,.9) 100%)}:root{--ph-shadow-sm: 0 2px 8px rgba(0, 242, 255, .1);--ph-shadow-md: 0 4px 16px rgba(0, 242, 255, .15);--ph-shadow-lg: 0 8px 32px rgba(0, 242, 255, .2);--ph-shadow-glow: 0 0 20px rgba(0, 242, 255, .4);--ph-shadow-glow-secondary: 0 0 20px rgba(255, 0, 212, .4)}:root{--ph-duration-fast: .15s;--ph-duration-normal: .3s;--ph-duration-slow: .5s}:root{--ph-radius-sm: 4px;--ph-radius-md: 8px;--ph-radius-lg: 12px;--ph-radius-xl: 16px}:root{--ph-space-xs: 4px;--ph-space-sm: 8px;--ph-space-md: 16px;--ph-space-lg: 24px;--ph-space-xl: 32px}:root{--ph-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ph-font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace}@keyframes ph-scanline{0%{background-position:0 0}to{background-position:0 100px}}@keyframes ph-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ph-flow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ph-grid-move{0%{background-position:0 0}to{background-position:0 50px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--ph-font-family);font-size:14px;line-height:1.6;color:var(--ph-text-primary);background:var(--ph-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%;height:100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--ph-border) 1px,transparent 1px),linear-gradient(to bottom,var(--ph-border) 1px,transparent 1px);background-size:50px 50px;background-position:center center;pointer-events:none;z-index:0;animation:ph-grid-move 20s linear infinite;opacity:.3}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.05) 50%);background-size:100% 4px;pointer-events:none;z-index:1000;animation:ph-scanline .5s linear infinite}a{color:var(--ph-primary);text-decoration:none;transition:color var(--ph-duration-fast) ease}a:hover{color:var(--ph-primary-light);text-shadow:0 0 10px var(--ph-primary-opacity)}::selection{background:var(--ph-primary-opacity);color:var(--ph-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ph-bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--ph-border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ph-primary-dark)}::-webkit-scrollbar-corner{background:var(--ph-bg)}.page-container{padding:var(--ph-space-xl);min-height:calc(100vh - 72px);position:relative;z-index:1}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ph-space-xl);position:relative}.page-header:after{content:"";position:absolute;bottom:-10px;left:0;width:200px;height:2px;background:linear-gradient(90deg,var(--ph-primary),transparent)}.page-header .page-title{font-size:24px;font-weight:700;color:var(--ph-text-primary);text-transform:uppercase;letter-spacing:2px;position:relative}.page-header .page-title:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--ph-gradient-primary);border-radius:2px}.card-container{background:var(--ph-gradient-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--ph-radius-lg);padding:var(--ph-space-xl);border:1px solid var(--ph-border);position:relative;overflow:hidden}.card-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ph-gradient-primary);opacity:.6}.card-container:hover{border-color:var(--ph-primary-opacity);box-shadow:var(--ph-shadow-glow)}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ph-space-lg);gap:var(--ph-space-md)}.table-toolbar .toolbar-left,.table-toolbar .toolbar-right{display:flex;gap:var(--ph-space-sm);align-items:center}.form-container{max-width:600px;margin:0 auto}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-sm{gap:var(--ph-space-sm)}.gap-md{gap:var(--ph-space-md)}.gap-lg{gap:var(--ph-space-lg)}.mt-sm{margin-top:var(--ph-space-sm)}.mt-md{margin-top:var(--ph-space-md)}.mt-lg{margin-top:var(--ph-space-lg)}.mt-xl{margin-top:var(--ph-space-xl)}.mb-sm{margin-bottom:var(--ph-space-sm)}.mb-md{margin-bottom:var(--ph-space-md)}.mb-lg{margin-bottom:var(--ph-space-lg)}.mb-xl{margin-bottom:var(--ph-space-xl)}.ml-sm{margin-left:var(--ph-space-sm)}.mr-sm{margin-right:var(--ph-space-sm)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--ph-primary)}}.typing-text{overflow:hidden;white-space:nowrap;border-right:2px solid var(--ph-primary);animation:typing 3s steps(40,end),blink-caret .75s step-end infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-rotate{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.float-element{animation:float 4s ease-in-out infinite}.float-rotate-element{animation:float-rotate 6s ease-in-out infinite}.holographic{position:relative;overflow:hidden}.holographic:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(0,242,255,.1) 50%,transparent 60%);transform:rotate(45deg);animation:holographic-shine 3s infinite}@keyframes holographic-shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.matrix-rain{font-family:var(--ph-font-family-mono);color:var(--ph-primary);text-shadow:0 0 5px var(--ph-primary)}.progress-glow{box-shadow:0 0 10px var(--ph-primary),0 0 20px var(--ph-primary-opacity)}.glow-on-hover{transition:all var(--ph-duration-normal) ease}.glow-on-hover:hover{box-shadow:var(--ph-shadow-glow);transform:translateY(-2px)}