:root{--color-primary: #27acb1;--color-primary-dark: #1e8a8e;--color-accent: #ffb020;--color-bg: #f6f8fa;--color-surface: #ffffff;--color-text: #0b0f14;--color-text-muted: #5b6572;--color-border: #e3e7ec;--color-danger: #d64545;--color-success: #2f9e6f;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow-sm: 0 1px 2px rgba(11, 15, 20, .06);--shadow-md: 0 4px 16px rgba(11, 15, 20, .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100vh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;overscroll-behavior:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid transparent;padding:10px 16px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease;background:var(--color-surface);color:var(--color-text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn--ghost{background:transparent;border-color:var(--color-border)}.btn--danger{background:var(--color-danger);color:#fff}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:13px;color:var(--color-text-muted)}.field__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.field__link{font-size:13px;color:var(--color-primary);text-decoration:none}.field__link:hover{text-decoration:underline}.field__input-wrap{position:relative}.field__input--with-icon{padding-right:44px}.field__icon-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%);appearance:none;background:transparent;border:0;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:background .12s ease,color .12s ease}.field__icon-btn:hover{background:#0b0f140d;color:var(--color-text)}.field__icon-btn .material-symbols-outlined{font-size:20px}.field__input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);caret-color:var(--color-text);color-scheme:light;font-size:16px;outline:none}.field__input::placeholder{color:var(--color-text-muted);opacity:1}.field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #27acb126}.field__error{color:var(--color-danger);font-size:13px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card--clickable{cursor:pointer;transition:box-shadow .12s ease,transform .12s ease}.card--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.list{display:flex;flex-direction:column;gap:var(--space-3)}.page{display:flex;flex-direction:column;gap:var(--space-5)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.page-title{font-size:22px;font-weight:600;margin:0}.page-subtitle{color:var(--color-text-muted);margin:0}.alert{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.alert--info{background:#27acb11a;color:var(--color-primary-dark)}.alert--danger{background:#d645451a;color:var(--color-danger)}.muted{color:var(--color-text-muted)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#27acb11f;color:var(--color-primary);font-size:12px;font-weight:600}.spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.material-symbols-outlined{font-size:22px;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" -25,"opsz" 24}