:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #202124;--tg-theme-hint-color: #5F6368;--tg-theme-link-color: #1A73E8;--tg-theme-button-color: #1A73E8;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #F8F9FA;--primary: #1A73E8;--primary-hover: #1557B0;--success: #34A853;--success-hover: #2D9249;--warning: #FBBC04;--danger: #EA4335;--danger-hover: #C5221F;--text-primary: #202124;--text-secondary: #5F6368;--text-hint: #80868B;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-hover: #F1F3F4;--border-color: #DADCE0;--border-light: #E8EAED;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 24px;--shadow-1: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);--shadow-2: 0 1px 2px 0 rgba(60,64,67,.3), 0 2px 6px 2px rgba(60,64,67,.15);--shadow-3: 0 1px 3px 0 rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;letter-spacing:.014em}.container{max-width:800px;margin:0 auto;padding:16px}.card{background-color:var(--bg-primary);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-1);border:1px solid var(--border-light);transition:box-shadow .2s,transform .15s}.card:hover{box-shadow:var(--shadow-2)}.card.clickable{cursor:pointer}.card.clickable:active{transform:scale(.99)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-pill);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit;letter-spacing:.01em;min-height:40px;min-width:40px;touch-action:manipulation}.button:active{transform:scale(.97)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.button-primary{background-color:var(--primary);color:#fff;box-shadow:0 1px 2px #1a73e84d}.button-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 2px 4px #1a73e866}.button-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.button-secondary:hover:not(:disabled){background-color:var(--bg-hover)}.button-danger{background-color:var(--danger);color:#fff}.button-danger:hover:not(:disabled){background-color:var(--danger-hover)}.button-success{background-color:var(--success);color:#fff}.button-success:hover:not(:disabled){background-color:var(--success-hover)}.input,.select,.textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;margin-bottom:16px;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a73e81f}.input::placeholder,.textarea::placeholder{color:var(--text-hint)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%235F6368'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:44px;cursor:pointer}.textarea{min-height:100px;resize:vertical;line-height:1.6}.label{display:block;margin-bottom:6px;font-weight:500;font-size:13px;color:var(--text-secondary)}.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;flex-direction:column;gap:16px}.loading-spinner{border:3px solid var(--bg-hover);border-top:3px solid var(--primary);border-radius:50%;width:36px;height:36px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeInUp .25s ease}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:56px;margin-bottom:16px;opacity:.6}@media (max-width: 480px){body{font-size:14px}.container{padding:12px}.card{padding:14px;border-radius:var(--radius-sm)}.button{padding:10px 18px;font-size:14px}.input,.select,.textarea{padding:10px 14px;font-size:16px}}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:root{--press-scale: .97;--press-duration: .1s}@media (pointer: coarse){button:active:not(:disabled),.card:active{transform:scale(var(--press-scale))!important;transition:transform var(--press-duration) ease!important}}