*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{color-scheme:light;--color-primary: #e61e28;--color-primary-hover: #b60007;--color-on-primary: #ffffff;--color-background: #efefef;--color-surface: #ffffff;--color-recessed: #dbdbdb;--color-text: #1c1c1c;--color-muted: #5f5f5f;--color-border: #dbdbdb;--color-success: #3e5b3c;--color-error: #b60007;--color-error-surface: #fff0f0;--shadow: 0 2px 8px rgba(28, 28, 28, .12)}[data-theme=dark]{color-scheme:dark;--color-primary: #7d4196;--color-primary-hover: #622b82;--color-on-primary: #ffffff;--color-background: #353535;--color-surface: #1c1c1c;--color-recessed: #424242;--color-text: #fafafa;--color-muted: #d0d0d0;--color-border: #424242;--color-success: #9abd96;--color-error: #ff8f8f;--color-error-surface: #3d2020;--shadow: 0 2px 8px rgba(0, 0, 0, .3)}body{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text)}#root{min-height:100vh;display:flex;flex-direction:column}header{background:var(--color-primary);color:var(--color-on-primary);padding:1rem 2rem;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}header h1{font-size:1.5rem;font-weight:600}.account{display:flex;align-items:center;gap:1rem}.account span{font-size:.9rem}button{background:var(--color-surface);color:var(--color-primary);border:1px solid transparent;padding:.5rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}button:focus-visible,a:focus-visible{outline:3px solid var(--color-text);outline-offset:3px}.icon-button{width:40px;height:40px;padding:0;display:inline-grid;place-items:center;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.button-secondary{background:var(--color-primary);color:var(--color-on-primary)}.button-secondary:hover{background:var(--color-primary-hover)}button:active{transform:translateY(0)}main{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.welcome{text-align:center;padding:4rem 2rem}.welcome h2{font-size:2rem;color:var(--color-text);margin-bottom:1rem}.welcome p{font-size:1.1rem;color:var(--color-muted);margin-bottom:2rem}.dashboard-container{background:var(--color-surface);border-radius:8px;box-shadow:var(--shadow);overflow:hidden;height:calc(100vh - 200px);min-height:600px}.dashboard-header{padding:1rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.dashboard-header h2{font-size:1.25rem;color:var(--color-text)}.dashboard-actions{display:flex;gap:1rem;align-items:center}.dashboard-status{color:var(--color-muted);font-size:.9rem}.dashboard-authenticated{color:var(--color-success);font-size:.85rem;font-weight:700}.dashboard-body{position:relative;height:calc(100% - 65px)}.dashboard-sdk-container{width:100%;height:100%}.dashboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:var(--color-surface);color:var(--color-muted);text-align:center}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner{width:40px;height:40px;border:4px solid var(--color-recessed);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:var(--color-error-surface);border:1px solid var(--color-error);color:var(--color-error);padding:1rem 1.5rem;border-radius:4px;margin:1rem 0}.error code{background:var(--color-recessed);padding:.2rem .4rem;border-radius:3px;font-family:monospace}.dashboard-error{color:var(--color-error)}.landing-page{text-align:center;padding:3rem 2rem;max-width:900px;margin:0 auto}.landing-page h2{font-size:2.5rem;color:var(--color-text);margin-bottom:1rem}.landing-page>p{font-size:1.2rem;color:var(--color-muted);margin-bottom:3rem}.landing-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.nav-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;padding:2.5rem 2rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;cursor:pointer}.nav-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow)}.nav-card-icon{font-size:3rem;margin-bottom:1rem}.nav-card h3{font-size:1.5rem;color:var(--color-text);margin-bottom:.5rem}.nav-card p{font-size:1rem;color:var(--color-muted);margin:0}.breadcrumb{margin-bottom:1.5rem}.breadcrumb a{color:var(--color-primary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.breadcrumb a:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width: 720px){header{padding:.75rem 1rem}.account>span{display:none}main{padding:1rem}.dashboard-container{height:calc(100vh - 150px);min-height:500px}.dashboard-header,.dashboard-actions{align-items:flex-start}.dashboard-header{gap:.75rem}.dashboard-status,.dashboard-authenticated{display:none}}