*,:after,:before{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}:root{--primary-black:#000000;--secondary-black:#080808;--card-bg:#0f0f0f;--surface-2:#1a1a1a;--surface-3:#242424;--surface-4:#2e2e2e;--tech-blue:#ffffff;--tech-blue-dark:#e0e0e0;--tech-blue-hover:#e8e8e8;--tech-blue-glow:rgba(255,255,255,0.07);--white:#ffffff;--gray:#888888;--gray-dark:#555555;--gray-light:#aaaaaa;--border-color:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.14);--border-active:rgba(255,255,255,0.24);--success:rgba(255,255,255,0.85);--warning:rgba(255,255,255,0.45);--danger:rgba(255,255,255,0.25);--ease-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.4,0,1,1);--duration:0.22s;--duration-mid:0.38s;--duration-slow:0.55s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--primary-black);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}:focus-visible{outline:1.5px solid rgba(255,255,255,.3);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes growWidth{0%{width:0}}@keyframes growUp{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes fabRing{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.2);opacity:0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[role=button]:active,button:active{transform:scale(.96);transition:transform .1s cubic-bezier(.4,0,1,1)}button:disabled:active{transform:none}::selection{background:rgba(255,255,255,.15);color:var(--white)}@media (max-width:768px){.header,.pageHeader{flex-direction:column;align-items:flex-start;gap:12px}.pageTitle,.title{font-size:22px}.filterBar,.filters{flex-direction:column;gap:10px}.tableContainer{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:600px}.pagination{flex-wrap:wrap;gap:8px}.pageBtn{min-width:36px;height:36px;font-size:13px}}