@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-surface: rgba(255, 255, 255, .1);--color-surface-elevated: rgba(255, 255, 255, .2);--color-primary: #00D4AA;--color-primary-pressed: #00B89A;--color-secondary: rgba(255, 255, 255, .6);--color-text: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-muted: rgba(255, 255, 255, .6);--color-border: rgba(255, 255, 255, .2);--color-border-strong: rgba(255, 255, 255, .4);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .15);--shadow-medium: 0 8px 24px rgba(0, 0, 0, .2);--shadow-strong: 0 12px 32px rgba(0, 0, 0, .25);--blur-light: blur(10px);--blur-medium: blur(20px);--blur-strong: blur(30px)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}p,span,div[contenteditable],input,textarea{-webkit-user-select:text;user-select:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn.btn-primary{background:var(--color-primary);color:#fff}.btn.btn-primary:hover{background:var(--color-primary-pressed)}.btn.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium)}.btn.btn-secondary:hover{background:var(--color-surface-elevated)}.btn.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn.btn-outline:hover{background:var(--color-surface)}.card{background:var(--color-surface);-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);box-shadow:var(--shadow-soft)}.card h2,.card h3{color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:700}.card h2{font-size:24px;letter-spacing:-.3px}.card h3{font-size:20px;letter-spacing:-.2px}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text);font-size:16px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;background:var(--color-surface);color:var(--color-text);transition:all .2s ease;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-elevated);box-shadow:0 0 0 3px #00d4aa1a}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.chip-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-xs) 0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);color:var(--color-text);padding:10px 16px;border-radius:var(--radius-full);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease}.chip:active{transform:scale(.95)}.chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft)}.chip.disabled{opacity:.4;pointer-events:none}.segmented{display:inline-flex;background:var(--color-surface);-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border-radius:var(--radius-full);padding:4px;border:1px solid var(--color-border)}.segmented button{appearance:none;border:none;background:transparent;padding:8px 16px;border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .2s ease}.segmented button:active{transform:scale(.95)}.segmented button.selected{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.loading .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-preview{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);overflow:hidden}.error,.success,.warning,.info{padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0;-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border:1px solid}.error{background:#ff3b301a;border-color:#ff3b304d;color:#ff3b30}.success{background:#34c7591a;border-color:#34c7594d;color:#34c759}.warning{background:#ff95001a;border-color:#ff95004d;color:#ff9500}.info{background:#007aff1a;border-color:#007aff4d;color:#007aff}@media (max-width: 768px){.card{padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}.btn{min-height:44px;font-size:16px}input,select,textarea{font-size:16px;min-height:44px}}@media (max-width: 480px){:root{--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 28px}.chip{font-size:13px;padding:8px 14px}.chip-row{gap:6px}.btn{padding:12px 20px;font-size:15px}}@media (max-width: 375px){.chip{font-size:12px;padding:6px 12px}.segmented button{padding:6px 12px;font-size:12px}.btn{font-size:14px;padding:10px 16px}}@media (prefers-color-scheme: dark){:root{--color-text: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--color-text-muted: rgba(255, 255, 255, .7)}}@media (prefers-contrast: high){:root{--color-border: rgba(255, 255, 255, .6);--color-border-strong: rgba(255, 255, 255, .8)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff!important;color:#000!important}.btn,.card{background:#fff!important;color:#000!important;border:1px solid black!important}}