@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";[data-theme=cafe]{--espresso: #2c1810;--dark-roast: #3d2817;--medium-roast: #6b4423;--latte: #a67c52;--cappuccino: #c9a882;--cream: #f5f0e8;--foam: #faf7f2;--beige: #e8dcc8;--accent-warm: #d97757;--accent-cool: #406497;--bg-primary: #faf7f2;--bg-secondary: #e8dcc8;--bg-tertiary: #c9a882;--text-primary: #2c1810;--text-secondary: #6b5d54;--text-light: #9a8f87;--success: #5a9f4f;--warning: #e8a547;--danger: #d9534f;--info: #5a9fcf;--shadow-sm: 0 2px 8px rgba(61, 40, 23, .08);--shadow-md: 0 4px 16px rgba(61, 40, 23, .12);--shadow-lg: 0 8px 32px rgba(61, 40, 23, .16);--shadow-xl: 0 12px 48px rgba(61, 40, 23, .2);--gradient-warm: linear-gradient(135deg, #f5f0e8 0%, #e8dcc8 100%);--gradient-coffee: linear-gradient(135deg, #6b4423 0%, #3d2817 100%);--gradient-sunset: linear-gradient(135deg, #d97757 0%, #c9a882 100%);--gradient-bg: linear-gradient(135deg, #faf7f2 0%, #e8dcc8 50%, #c9a882 100%);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(255, 255, 255, .5);--input-bg: white;--input-border: #e8dcc8}[data-theme=green]{--espresso: #1a3a1a;--dark-roast: #2d5a2d;--medium-roast: #3d7a3d;--latte: #6b9b6b;--cappuccino: #a3c9a3;--cream: #e8f4e8;--foam: #f2f9f2;--beige: #d4e8d4;--accent-warm: #8fbc5a;--accent-cool: #4a7c9a;--bg-primary: #f2f9f2;--bg-secondary: #d4e8d4;--bg-tertiary: #a3c9a3;--text-primary: #1a3a1a;--text-secondary: #2d5a2d;--text-light: #6b9b6b;--success: #5a9f4f;--warning: #e8a547;--danger: #d9534f;--info: #5a9fcf;--shadow-sm: 0 2px 8px rgba(29, 58, 29, .08);--shadow-md: 0 4px 16px rgba(29, 58, 29, .12);--shadow-lg: 0 8px 32px rgba(29, 58, 29, .16);--shadow-xl: 0 12px 48px rgba(29, 58, 29, .2);--gradient-warm: linear-gradient(135deg, #e8f4e8 0%, #d4e8d4 100%);--gradient-coffee: linear-gradient(135deg, #3d7a3d 0%, #2d5a2d 100%);--gradient-sunset: linear-gradient(135deg, #8fbc5a 0%, #a3c9a3 100%);--gradient-bg: linear-gradient(135deg, #f2f9f2 0%, #d4e8d4 50%, #a3c9a3 100%);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(255, 255, 255, .5);--input-bg: white;--input-border: #d4e8d4}[data-theme=dark]{--espresso: #f5f5f5;--dark-roast: #e0e0e0;--medium-roast: #cccccc;--latte: #b0b0b0;--cappuccino: #909090;--cream: #1a1a1a;--foam: #121212;--beige: #2d2d2d;--accent-warm: #ff8a65;--accent-cool: #64b5f6;--bg-primary: #121212;--bg-secondary: #1a1a1a;--bg-tertiary: #2d2d2d;--text-primary: #f5f5f5;--text-secondary: #cccccc;--text-light: #999999;--success: #81c784;--warning: #ffb74d;--danger: #e57373;--info: #64b5f6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .7);--gradient-warm: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--gradient-coffee: linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);--gradient-sunset: linear-gradient(135deg, #ff8a65 0%, #909090 100%);--gradient-bg: linear-gradient(135deg, #121212 0%, #1a1a1a 50%, #2d2d2d 100%);--card-bg: rgba(26, 26, 26, .95);--card-border: rgba(45, 45, 45, .8);--input-bg: #1a1a1a;--input-border: #2d2d2d}[data-theme=blue]{--espresso: #0d3b66;--dark-roast: #1a5490;--medium-roast: #2878b5;--latte: #5da9db;--cappuccino: #95c8e8;--cream: #e8f4f8;--foam: #f2f9fc;--beige: #d0e8f5;--accent-warm: #f77f00;--accent-cool: #118ab2;--bg-primary: #f2f9fc;--bg-secondary: #d0e8f5;--bg-tertiary: #95c8e8;--text-primary: #0d3b66;--text-secondary: #1a5490;--text-light: #5da9db;--success: #06d6a0;--warning: #ffd166;--danger: #ef476f;--info: #118ab2;--shadow-sm: 0 2px 8px rgba(13, 59, 102, .08);--shadow-md: 0 4px 16px rgba(13, 59, 102, .12);--shadow-lg: 0 8px 32px rgba(13, 59, 102, .16);--shadow-xl: 0 12px 48px rgba(13, 59, 102, .2);--gradient-warm: linear-gradient(135deg, #e8f4f8 0%, #d0e8f5 100%);--gradient-coffee: linear-gradient(135deg, #2878b5 0%, #1a5490 100%);--gradient-sunset: linear-gradient(135deg, #5da9db 0%, #95c8e8 100%);--gradient-bg: linear-gradient(135deg, #f2f9fc 0%, #d0e8f5 50%, #95c8e8 100%);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(255, 255, 255, .5);--input-bg: white;--input-border: #d0e8f5}[data-theme=bright]{--espresso: #1a1a1a;--dark-roast: #333333;--medium-roast: #555555;--latte: #999999;--cappuccino: #cccccc;--cream: #ffffff;--foam: #fafafa;--beige: #f0f0f0;--accent-warm: #ff6b6b;--accent-cool: #4ecdc4;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #555555;--text-light: #999999;--success: #51cf66;--warning: #ffd43b;--danger: #ff6b6b;--info: #4ecdc4;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .2);--gradient-warm: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);--gradient-coffee: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);--gradient-sunset: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 100%);--gradient-bg: linear-gradient(135deg, #ffffff 0%, #fafafa 50%, #f0f0f0 100%);--card-bg: rgba(255, 255, 255, .98);--card-border: rgba(230, 230, 230, .8);--input-bg: white;--input-border: #e0e0e0}[data-theme=purple]{--espresso: #3d1a5f;--dark-roast: #5a2a7f;--medium-roast: #7b3f9f;--latte: #a66cc2;--cappuccino: #c99ae0;--cream: #f3e8fa;--foam: #f8f3fc;--beige: #e8d4f5;--accent-warm: #e91e63;--accent-cool: #673ab7;--bg-primary: #f8f3fc;--bg-secondary: #e8d4f5;--bg-tertiary: #c99ae0;--text-primary: #3d1a5f;--text-secondary: #5a2a7f;--text-light: #a66cc2;--success: #66bb6a;--warning: #ffa726;--danger: #ef5350;--info: #ab47bc;--shadow-sm: 0 2px 8px rgba(61, 26, 95, .08);--shadow-md: 0 4px 16px rgba(61, 26, 95, .12);--shadow-lg: 0 8px 32px rgba(61, 26, 95, .16);--shadow-xl: 0 12px 48px rgba(61, 26, 95, .2);--gradient-warm: linear-gradient(135deg, #f3e8fa 0%, #e8d4f5 100%);--gradient-coffee: linear-gradient(135deg, #7b3f9f 0%, #5a2a7f 100%);--gradient-sunset: linear-gradient(135deg, #e91e63 0%, #c99ae0 100%);--gradient-bg: linear-gradient(135deg, #f8f3fc 0%, #e8d4f5 50%, #c99ae0 100%);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(255, 255, 255, .5);--input-bg: white;--input-border: #e8d4f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gradient-bg);background-attachment:fixed;min-height:100vh;min-height:100dvh;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.3;color:var(--espresso)}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}.container{max-width:1200px;margin:0 auto;padding:32px 24px}.btn{padding:14px 28px;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--gradient-coffee);color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.1)}.btn-secondary{background:linear-gradient(135deg,var(--latte) 0%,var(--cappuccino) 100%);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:linear-gradient(135deg,var(--medium-roast) 0%,var(--latte) 100%);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover{background:#4a8f3f;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:#c9302c;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:disabled:before{display:none}.btn:active{transform:translateY(0)}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:28px;box-shadow:var(--shadow-md);border:1px solid var(--card-border);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:10px;font-weight:600;font-family:Poppins,sans-serif;color:var(--text-primary);font-size:15px}.form-input,.form-textarea,.form-select{width:100%;padding:14px 16px;border:2px solid var(--input-border);border-radius:12px;font-size:16px;font-family:Inter,sans-serif;background:var(--input-bg);transition:all .3s ease;color:var(--text-primary)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--medium-roast);box-shadow:0 0 0 4px #6b44231a}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light)}.page-header{text-align:center;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-radius:20px;margin-bottom:32px;box-shadow:var(--shadow-lg);border:1px solid var(--card-border)}.page-title{font-size:2rem;color:var(--espresso);margin-bottom:12px;font-weight:700;letter-spacing:-.02em;font-family:Poppins,sans-serif}.page-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400;font-family:Inter,sans-serif}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{border:4px solid var(--input-border);border-top:4px solid var(--medium-roast);border-radius:50%;width:56px;height:56px;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--danger);padding:18px 20px;border-radius:12px;margin-bottom:24px;border-left:5px solid var(--danger);font-weight:500;box-shadow:var(--shadow-sm)}.success-message{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:var(--success);padding:18px 20px;border-radius:12px;margin-bottom:24px;border-left:5px solid var(--success);font-weight:500;box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cream);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--cappuccino);border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--latte)}::selection{background:var(--medium-roast);color:var(--cream)}::-moz-selection{background:var(--medium-roast);color:var(--cream)}@media (max-width: 768px){.container{padding:20px 16px}.page-header{padding:24px}.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}.btn{padding:12px 24px;font-size:15px}.card{padding:20px}}@media (max-width: 480px){.container{padding:16px 12px}.page-header{padding:20px;border-radius:16px}.page-title{font-size:1.5rem}.card{padding:18px;border-radius:14px}.btn{padding:12px 20px;font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}*:focus-visible{outline:3px solid var(--medium-roast);outline-offset:2px;border-radius:4px}@media print{body{background:#fff}.btn{box-shadow:none!important}.card{box-shadow:none!important;border:1px solid #ccc}}