*{box-sizing:border-box;margin:0;padding:0}:root{--metro-blue:#f26522;--metro-blue-dark:#d84e12;--metro-blue-light:#ff8c42;--metro-bg:#f2f2f2;--metro-tile-bg:#f26522;--metro-text:#fff;--metro-text-dark:#1a1a1a;--metro-text-muted:#666;--metro-border:#e0e0e0;--metro-success:#107c10;--metro-error:#d83b01;--metro-warning:#ffb900;--font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif}html,body{height:100%;font-family:var(--font-family);background:var(--metro-bg);color:var(--metro-text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--metro-blue);text-decoration:none}a:hover{text-decoration:underline}.metro-btn{font-family:var(--font-family);cursor:pointer;text-transform:none;letter-spacing:0;border:none;border-radius:0;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:400;transition:background .15s,opacity .15s;display:inline-flex}.metro-btn:disabled{opacity:.5;cursor:not-allowed}.metro-btn-primary{background:var(--metro-blue);color:var(--metro-text)}.metro-btn-primary:hover:not(:disabled){background:var(--metro-blue-dark)}.metro-btn-secondary{color:var(--metro-text-dark);background:#e8e8e8}.metro-btn-secondary:hover:not(:disabled){background:#d0d0d0}.metro-btn-danger{background:var(--metro-error);color:var(--metro-text)}.metro-btn-danger:hover:not(:disabled){background:#b83201}.metro-input{width:100%;font-family:var(--font-family);border:2px solid var(--metro-border);color:var(--metro-text-dark);background:#fff;border-radius:0;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.metro-input:focus{border-color:var(--metro-blue)}.metro-input::placeholder{color:#999}.metro-select{width:100%;font-family:var(--font-family);border:2px solid var(--metro-border);color:var(--metro-text-dark);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border-radius:0;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.metro-select:focus{border-color:var(--metro-blue)}.metro-tile{background:var(--metro-blue);color:var(--metro-text);cursor:pointer;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.metro-tile:hover{transform:scale(1.02)}.metro-tile:active{transform:scale(.98)}.metro-tile-title{font-size:24px;font-weight:600;line-height:1.2}.metro-tile-subtitle{opacity:.85;margin-top:8px;font-size:13px}.metro-tile-icon{opacity:.9;margin-bottom:12px;font-size:32px}.metro-notification{border-radius:0;align-items:center;gap:12px;margin-bottom:16px;padding:16px 24px;font-size:14px;font-weight:400;display:flex}.metro-notification-success{color:var(--metro-success);border-left:4px solid var(--metro-success);background:#dff6dd}.metro-notification-error{color:var(--metro-error);border-left:4px solid var(--metro-error);background:#fde7e9}.metro-notification-title{font-size:15px;font-weight:600}.metro-notification-message{opacity:.85;margin-top:2px;font-size:13px}.metro-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite metro-spin;display:inline-block}.metro-spinner-dark{border-color:#00000026;border-top-color:var(--metro-blue)}@keyframes metro-spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--metro-bg)}::-webkit-scrollbar-thumb{background:silver}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@media (max-width:768px){.metro-tile-title{font-size:20px}.metro-tile-icon{font-size:24px}}