#app{min-height:100vh}:root{--google-blue: #1a73e8;--google-blue-hover: #1765cc;--google-blue-light: #e8f0fe;--google-red: #d93025;--google-red-light: #fce8e6;--google-green: #1e8e3e;--google-green-light: #e6f4ea;--google-yellow: #f9ab00;--google-grey-50: #f8f9fa;--google-grey-100: #f1f3f4;--google-grey-200: #e8eaed;--google-grey-300: #dadce0;--google-grey-400: #bdc1c6;--google-grey-500: #9aa0a6;--google-grey-600: #80868b;--google-grey-700: #5f6368;--google-grey-800: #3c4043;--google-grey-900: #202124;--shadow-1: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);--shadow-2: 0 1px 3px 0 rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15);--shadow-3: 0 4px 6px 0 rgba(60,64,67,.3), 0 8px 12px 6px rgba(60,64,67,.15);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}body{color:var(--google-grey-900);background:#fff;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 24px;border:none;border-radius:4px;font-size:14px;font-weight:500;font-family:Roboto,sans-serif;letter-spacing:.25px;cursor:pointer;transition:var(--transition);outline:none;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--google-blue);color:#fff;box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--google-blue-hover);box-shadow:var(--shadow-2)}.btn-primary:active{box-shadow:var(--shadow-1)}.btn-outline{background:#fff;color:var(--google-blue);border:1px solid var(--google-grey-300)}.btn-outline:hover{background:var(--google-blue-light);border-color:var(--google-blue)}.btn-text{background:transparent;color:var(--google-blue);box-shadow:none}.btn-text:hover{background:var(--google-blue-light)}.input-group{margin-bottom:24px}.input-label{display:block;font-size:14px;font-weight:400;color:var(--google-grey-700);margin-bottom:8px}.input{width:100%;height:56px;padding:16px;font-size:16px;font-family:Roboto,sans-serif;color:var(--google-grey-900);background:#fff;border:1px solid var(--google-grey-300);border-radius:4px;transition:var(--transition);outline:none}.input:hover{border-color:var(--google-grey-400);background:var(--google-grey-50)}.input:focus{border-color:var(--google-blue);border-width:2px;padding:15px;background:#fff}.input::placeholder{color:var(--google-grey-500)}.input-error{border-color:var(--google-red)}.error-message{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--google-red)}.card{background:#fff;border:1px solid var(--google-grey-200);border-radius:8px;padding:24px;box-shadow:var(--shadow-1);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-2)}.card-header{font-size:20px;font-weight:400;color:var(--google-grey-900);margin-bottom:16px}.alert{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:4px;margin-bottom:16px;font-size:14px}.alert-info{background:var(--google-blue-light);color:var(--google-grey-800)}.alert-success{background:var(--google-green-light);color:var(--google-grey-800)}.alert-error{background:var(--google-red-light);color:var(--google-grey-800)}.loader{width:20px;height:20px;border:3px solid var(--google-grey-200);border-top-color:var(--google-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{height:1px;background:var(--google-grey-200);margin:24px 0}.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;background:var(--google-grey-100);color:var(--google-grey-700);border-radius:10px;font-size:12px;font-weight:500}.badge-success{background:var(--google-green-light);color:var(--google-green)}.badge-error{background:var(--google-red-light);color:var(--google-red)}.checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--google-blue);cursor:pointer}.checkbox label{font-size:14px;color:var(--google-grey-700);cursor:pointer}a{color:var(--google-blue);text-decoration:none;transition:var(--transition)}a:hover{text-decoration:underline}.progress{height:4px;background:var(--google-grey-200);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--google-blue);transition:width .3s ease}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}@media (max-width: 768px){.container{padding:0 16px}.card{padding:16px}}