:root{--bg-page: #f6f8fb;--bg-card: #ffffff;--bg-card-hover: rgba(0, 0, 0, .04);--bg-topbar: #ffffff;--bg-input: #f4f6f9;--bg-table-header: #f8f9fb;--bg-row-hover: #f0f5ff;--text-primary: #15213a;--text-secondary: #667085;--text-muted: #a0aec0;--border: #e6ebf2;--border-light: #f3f5f9;--brand-blue: #1677ff;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #dc2626}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text-primary);background:var(--bg-page);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid #e0e0e0;border-top-color:#1677ff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#edf1f7 25%,#e3e8ef,#edf1f7 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-line{height:14px;margin-bottom:10px}.skeleton-line.w-40{width:40%}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.skeleton-line.w-full{width:100%}.skeleton-line.h-lg{height:28px}.skeleton-line.h-xl{height:180px;border-radius:10px}.skeleton-card{height:100px;border-radius:14px}.skeleton-row{display:flex;gap:12px;margin-bottom:12px}.skeleton-row .skeleton{flex:1;height:14px}.viewport-notice{display:none}@media(max-width:768px){.viewport-notice{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:10px 14px;background:#15213a;color:#fff;font-size:12px;line-height:1.45;text-align:center;box-shadow:0 -2px 10px #0003}.viewport-notice strong{display:block;margin-bottom:2px}}