.app-container{display:flex;justify-content:center;padding:20px;background-color:#f0f2f5;min-height:100vh}html,body,#root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button{font-family:inherit}.card{background:#fff;width:100%;max-width:800px;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.tabs{display:flex;background:#fafafa;border-bottom:1px solid #ddd}.tabs button{flex:1;padding:15px;border:none;background:none;cursor:pointer;font-weight:700;color:#666}.tabs button.active{color:#007bff;border-bottom:3px solid #007bff;background:#fff}.data-form{padding:30px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}label{display:flex;flex-direction:column;font-size:14px;font-weight:600;color:#444}input,select{margin-top:5px;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.checkbox{flex-direction:row;align-items:center;gap:10px;grid-column:span 2}.btn-primary{padding:14px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;flex:1}.form-actions{display:flex;gap:10px}.btn-secondary{padding:14px;background:#fff;color:#007bff;border:1px solid #007bff;border-radius:6px;font-weight:700;cursor:pointer;flex:1}.datetime-wrapper{display:flex;gap:8px;align-items:center;position:relative}.datetime-wrapper input[type=text]{flex:1;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;background:#fff}.datetime-trigger{padding:8px 10px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:16px}@media(max-width:600px){.grid{grid-template-columns:1fr}}@media(max-width:600px){.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;flex:none}}@media(max-width:600px){.data-form.vr .grid{grid-template-columns:1fr!important}.data-form.vr .checkbox{grid-column:auto}}.toast-container{position:fixed;left:50%;transform:translate(-50%);top:16px;display:flex;flex-direction:column;gap:8px;z-index:9999;align-items:center}.toast{min-width:200px;max-width:560px;padding:10px 14px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 6px 18px #0000001f;opacity:0;transform:translateY(-8px) scale(.98);transition:all .22s cubic-bezier(.2,.8,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal}.toast-show{opacity:1;transform:translateY(0) scale(1)}.toast-hide{opacity:0;transform:translateY(-6px) scale(.98)}.toast-info{background:#10355f}.toast-success{background:#1d6545}.toast-error{background:#a20b0b}.login-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#f0f2f5;padding:16px;box-sizing:border-box;overflow:hidden}.login-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;width:100%;max-width:400px;max-height:calc(100svh - 32px);overflow:auto}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-weight:600;margin-top:20px}.google-btn:hover{background-color:#f8f9fa}.google-btn img{width:20px;height:20px}.login-logo{width:220px;max-width:90%;height:auto;display:block;margin:0 auto 16px}.divider{margin:14px 0;color:#666;font-size:14px}.email-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.email-input{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.submit-btn{padding:12px;border-radius:6px;background:#0069ff;color:#fff;border:none;font-weight:600;cursor:pointer}.submit-btn:disabled{opacity:.6;cursor:default}.login-card h1{font-size:clamp(16px,3.5vw,20px);margin:0 0 8px;white-space:normal}@media(max-width:420px),(max-height:700px){.login-card{padding:18px}.login-logo{width:220px;max-width:90%;margin-bottom:12px}}.dashboard-container{min-height:100vh;background-color:#f0f2f5;padding:20px;font-family:sans-serif}.dashboard-header{display:flex;justify-content:space-between;background:#fff;padding:15px 25px;border-radius:8px;margin-bottom:40px;align-items:center}.app-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.app-card{background:#fff;width:200px;height:200px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s;text-decoration:none;color:inherit;box-shadow:0 4px 10px #0000000d}.app-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.icon{font-size:40px;margin-bottom:10px}.app-icon{width:56px;height:56px;object-fit:contain;display:block}