*{box-sizing:border-box;margin:0;padding:0}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-900:#1e3a5f;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,var(--blue-50) 0,var(--white) 50%,var(--blue-50) 100%);color:var(--gray-600);min-height:100vh}.container{max-width:480px;margin:0 auto;padding:48px 20px}.page-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:8px;color:var(--blue-700);letter-spacing:-.025em}.page-subtitle{font-size:1rem;text-align:center;margin-bottom:40px;color:var(--gray-500);font-weight:400}.nav-grid{display:flex;flex-direction:column;gap:16px}.nav-card{display:block;background:var(--white);border:1px solid var(--blue-100);border-radius:16px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(59,130,246,.08),0 4px 12px rgba(59,130,246,.04)}.nav-card:hover{border-color:var(--blue-500);box-shadow:0 4px 12px rgba(59,130,246,.15),0 8px 24px rgba(59,130,246,.1)}.nav-card-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.5rem}.nav-card-title{font-size:1.25rem;font-weight:600;margin-bottom:6px;color:var(--blue-900)}.nav-card-description{font-size:.9rem;color:var(--gray-500);line-height:1.5}.subpage-container{max-width:480px;margin:0 auto;padding:48px 20px}.subpage-header{margin-bottom:32px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--blue-600);text-decoration:none;font-weight:500;margin-bottom:24px}.back-link:hover{color:var(--blue-700)}.subpage-title{font-size:1.75rem;font-weight:700;margin-bottom:12px;color:var(--blue-900);letter-spacing:-.025em}.subpage-description{font-size:1rem;color:var(--gray-500);line-height:1.6}.content-card{background:var(--white);border:1px solid var(--blue-100);border-radius:16px;padding:24px;margin-top:24px;box-shadow:0 1px 3px rgba(59,130,246,.08)}.placeholder-text{color:var(--gray-400);font-size:.9rem;text-align:center;padding:32px 0}.auth-box{background:var(--white);border:1px solid var(--blue-100);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px rgba(59,130,246,.08)}.auth-box form{display:flex;flex-direction:column;gap:12px}.auth-input{padding:12px 16px;border:1px solid var(--blue-100);border-radius:8px;font-size:1rem;outline:none}.auth-input:focus{border-color:var(--blue-500)}.auth-button{padding:12px 24px;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.auth-button:hover{background:linear-gradient(135deg,var(--blue-600),var(--blue-700))}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-message{margin-top:12px;font-size:.9rem;color:var(--blue-600);text-align:center}.sign-out-button{display:block;width:100%;margin-top:24px;padding:12px 24px;background:transparent;color:var(--gray-500);border:1px solid var(--gray-400);border-radius:8px;font-size:.9rem;cursor:pointer}.sign-out-button:hover{border-color:var(--gray-500);color:var(--gray-600)}