*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}:root{--color-primary: #0078D4;--color-primary-hover: #106EBE;--color-success: #107C10;--color-warning: #FF8C00;--color-danger: #E81123;--color-bg: #FFFFFF;--color-bg-alt: #F3F2F1;--color-bg-sidebar: #FAF9F8;--color-border: #EDEBE9;--color-text: #323130;--color-text-secondary: #605E5C;--tile-blue: #0078D4;--tile-purple: #8764B8;--tile-teal: #038387;--tile-green: #498205;--tile-orange: #CA5010;--tile-red: #D13438;--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-xs: 12px;--font-sm: 13px;--font-base: 14px;--font-md: 16px;--font-lg: 20px;--font-xl: 24px;--font-2xl: 32px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--sidebar-width: 260px;--header-height: 48px;--radius: 0px;--shadow: none;--transition-fast: .1s ease;--transition-base: .2s ease}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.5}h1{font-size:var(--font-2xl);font-weight:600;line-height:1.2;margin-bottom:var(--space-4)}h2{font-size:var(--font-xl);font-weight:600;line-height:1.25;margin-bottom:var(--space-3)}h3{font-size:var(--font-lg);font-weight:600;line-height:1.3;margin-bottom:var(--space-2)}h4{font-size:var(--font-md);font-weight:600;line-height:1.4;margin-bottom:var(--space-2)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.metro-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--font-base);font-weight:600;line-height:1;border:2px solid transparent;border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none;min-height:32px}.metro-btn:disabled{opacity:.4;cursor:not-allowed}.metro-btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.metro-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.metro-btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.metro-btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.metro-btn-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.metro-btn-danger:hover:not(:disabled){background-color:#c50f1f;border-color:#c50f1f}.metro-btn-ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.metro-btn-ghost:hover:not(:disabled){background-color:var(--color-bg-alt)}.metro-input{width:100%;padding:var(--space-2) 0;font-size:var(--font-base);color:var(--color-text);background:transparent;border:none;border-bottom:2px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);outline:none;transition:border-color var(--transition-fast)}.metro-input:focus{border-bottom-color:var(--color-primary)}.metro-input::placeholder{color:var(--color-text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}