.loading-container{background-color:var(--color-bg,#0a0a0a);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid var(--color-border,#333);border-top-color:var(--color-primary,#da3f4f);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-container{color:#fff;background-color:#0a0a0a;min-height:100vh}.app-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app-header h1{margin:0;font-size:1.25rem;font-weight:700}.logout-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;padding:8px 16px;font-size:.875rem}.logout-btn:hover{color:#fff;border-color:#555}.app-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.app-main h2{margin:0 0 8px;font-size:1.5rem;font-weight:600}.app-main p{color:#888;margin:0}:root,[data-theme=light]{--color-primary:#b8313d;--color-primary-dark:#962832;--color-primary-light:#b8313d1a;--color-primary-rgb:184, 49, 61;--bg-body:#f5f5f5;--bg-card:#fff;--bg-input:#f9f9f9;--text-primary:#373737;--text-secondary:#666;--text-tertiary:#999;--text-on-primary:#fff;--text-on-header:#373737;--border-color:#e0e0e0;--border-light:#f0f0f0;--color-success:#2e7d32;--color-success-bg:#e8f5e9;--color-error:#d32f2f;--color-error-bg:#ffebee;--color-warning:#e65100;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-primary:0 6px 20px #b8313d66;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}[data-theme=dark]{--color-primary:#da3f4f;--color-primary-dark:#b8313d;--color-primary-light:#da3f4f26;--color-primary-rgb:218, 63, 79;--bg-body:#111114;--bg-card:#1a1a1f;--bg-input:#16161b;--text-primary:#f0f0f2;--text-secondary:#a0a0a8;--text-tertiary:#606068;--text-on-primary:#fff;--text-on-header:#fff;--border-color:#ffffff14;--border-light:#ffffff0a;--color-success:#4caf50;--color-success-bg:#4caf5026;--color-error:#f44336;--color-error-bg:#f4433626;--color-warning:#ff9800;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-primary:0 6px 20px #da3f4f66}.client-header{padding:calc(16px + var(--safe-area-top)) 20px 16px;background:0 0}.header-content{justify-content:center;align-items:center;max-width:600px;margin:0 auto;display:flex;position:relative}.header-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.header-back-btn:hover{color:var(--color-primary)}.header-actions{gap:8px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header-actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;display:flex}.header-actions button:hover{color:var(--text-primary)}.header-logo{object-fit:cover;border-radius:50%;width:50px;height:50px}.toast-notification{bottom:calc(80px + var(--safe-area-bottom));z-index:2000;box-shadow:var(--shadow-lg);border-radius:12px;padding:12px 24px;font-size:.85rem;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}.toast-notification.success{color:#fff;background:linear-gradient(135deg,#2e7d32 0%,#1b5e20 100%)}.toast-notification.error{color:#fff;background:linear-gradient(135deg,#c62828 0%,#b71c1c 100%)}.toast-notification.info{color:#fff;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-body);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}