body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;background-color:#f4f4f4;color:#222;margin:0;padding:0}.top-nav{background:#fafafa;border-bottom:1px solid #ddd;display:flex;justify-content:flex-end;align-items:center;font-size:0.9rem;padding:0.5rem 1.25rem;height:42px;box-sizing:border-box}.top-nav .welcome-text{color:#444;white-space:nowrap;font-size:0.9rem;margin-right:auto}.top-nav .nav-links{display:flex;align-items:center;gap:0.75rem}.top-nav .nav-links a,.top-nav .nav-signout{color:#818181;text-decoration:none;font-weight:500;font-size:0.9rem;transition:color 0.2s ease}.top-nav .nav-links a:hover,.top-nav .nav-signout:hover{color:#605f5f;text-decoration:underline}.link-button{background:none;border:none;padding:0;margin:0;color:inherit;cursor:pointer;font:inherit;line-height:1}@media (max-width: 600px){.top-nav{flex-direction:column;justify-content:center;align-items:center;height:auto;padding:0.75rem 1rem}.top-nav .welcome-text{margin:0 0 0.5rem 0}.top-nav .nav-links{gap:0.5rem;flex-wrap:wrap;justify-content:center}}.container{max-width:700px;margin:2rem auto;background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,0.05)}footer{text-align:center;padding:1rem 0 2rem;font-size:0.85rem;color:#666}footer a{color:#1f7a46;text-decoration:none}footer a:hover{text-decoration:underline}body>.container{margin-top:2rem}body.users-sessions-new .container,body.users-registrations-new .container,body.shared_messages-new .container{margin-top:2rem !important}.container,.card,.auth-container{background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.05);padding:2rem;max-width:700px;margin:2rem auto}.flash-container{position:fixed;top:1.25rem;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:0.6rem}.flash-message{min-width:260px;max-width:90vw;padding:0.75rem 1.25rem;border-radius:8px;font-size:0.95rem;font-weight:500;color:white;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);opacity:1}.flash-success{background-color:#10b981}.flash-error{background-color:#f97316}.flash-info{background-color:#3b82f6}.flash-message.hide{opacity:0;transition:opacity 0.6s ease}@media (max-width: 768px){body{background-color:#fff}.top-nav{border-bottom-color:#eee}}@media (max-width: 768px){body{background-color:#fff}.top-nav{border-bottom-color:#eee}body>.container,.container{margin-top:1rem !important;padding:1.5rem}}.terms-note{font-size:0.85rem;color:#555;margin-top:1rem;text-align:center}.terms-note a{color:#0077cc;text-decoration:none}.terms-note a:hover{text-decoration:underline}.input-label{display:block;margin-bottom:8px}.btn{display:inline-block;font-weight:600;border:none;border-radius:6px;padding:0.6rem 1.2rem;font-size:1rem;cursor:pointer;text-align:center;transition:background-color 0.2s ease, transform 0.1s ease}.btn:active{transform:scale(0.98)}.btn--green{background-color:#10b981;color:#fff}.btn--green:hover{background-color:#0d966a}.btn--orange{background-color:#f97316;color:#fff}.btn--orange:hover{background-color:#e3640f}.btn--blue{background-color:#3b82f6;color:#fff}.btn--blue:hover{background-color:#2563eb}.btn:disabled{opacity:0.6;cursor:not-allowed}.page-title{text-align:center;color:#10b981;margin-bottom:2rem;font-size:1.6rem;font-weight:600}.page-title+*{margin-top:1rem}.icon-copy-btn.disabled{opacity:0.6;cursor:not-allowed;background:#ccc}.drag-ghost{opacity:0.4;transform:scale(1.05)}