@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);:root{--primary-50:#e6f7f7;--primary-100:#b3e8e8;--primary-200:#80d9d9;--primary-300:#4dcaca;--primary-400:#26bebe;--primary-500:#0d9488;--primary-600:#0b7a70;--primary-700:#096058;--primary-800:#074640;--primary-900:#042c28;--accent-400:#fbbf24;--accent-500:#f59e0b;--accent-600:#d97706;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.375rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--gray-50);color:#1e293b;color:var(--gray-800);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:#0d9488;color:var(--primary-500);text-decoration:none;transition:color .2s}a:hover{color:#0b7a70;color:var(--primary-600)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.layout{background:var(--gray-50);display:flex;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--gray-900) 0,var(--gray-800) 100%);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:100}.sidebar-collapsed .sidebar{width:72px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1.25rem}.logo,.sidebar-header{align-items:center;display:flex}.logo{gap:.75rem}.logo svg{flex-shrink:0;height:36px;width:36px}.logo span{color:#fff;font-size:1.125rem;font-weight:700;white-space:nowrap}.sidebar-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:var(--radius);color:var(--gray-400);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.sidebar-toggle:hover{background:#ffffff26;color:#fff}.sidebar-toggle svg{height:1rem;width:1rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-section{margin-bottom:1.5rem}.nav-section-title{color:var(--gray-500);display:block;font-size:.6875rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;padding:0 1.25rem;text-transform:uppercase}.nav-item{align-items:center;border-radius:var(--radius);color:var(--gray-400);display:flex;gap:.75rem;margin:.125rem .5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 4px 12px #0d94884d;color:#fff}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:1.25rem;justify-content:center;width:1.25rem}.nav-icon svg{height:100%;width:100%}.nav-label{font-size:.9375rem;font-weight:500;white-space:nowrap}.sidebar-collapsed .nav-item{justify-content:center;padding:.75rem}.main-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:260px;transition:margin-left .3s ease}.sidebar-collapsed .main-wrapper{margin-left:72px}.header{background:#fff;border-bottom:1px solid var(--gray-100);height:64px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header,.header-left,.header-right{align-items:center;display:flex}.header-right{gap:1rem}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:var(--gray-50);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem .5rem .5rem;transition:background .2s}.user-menu-trigger:hover{background:var(--gray-100)}.user-avatar{height:2.25rem;width:2.25rem}.user-info{align-items:flex-start;display:flex;flex-direction:column}.user-name{font-size:.875rem}.user-role{color:var(--gray-500);font-size:.75rem}.dropdown-icon{color:var(--gray-400);height:1rem;width:1rem}.user-menu-backdrop{inset:0;position:fixed;z-index:40}.user-menu-dropdown{animation:slideUp .2s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:50}.user-menu-dropdown a,.user-menu-dropdown button{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--gray-700);cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;width:100%}.user-menu-dropdown a:hover,.user-menu-dropdown button:hover{background:var(--gray-50);color:var(--gray-900)}.user-menu-dropdown svg{color:var(--gray-400);height:1.125rem;width:1.125rem}.menu-divider{background:var(--gray-100);height:1px;margin:.5rem 0}.main-content{flex:1 1;padding:2rem}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar-collapsed .sidebar{transform:translateX(0);width:72px}.main-wrapper,.sidebar-collapsed .main-wrapper{margin-left:0}}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;transition:all .2s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-small{font-size:.875rem;padding:.5rem 1rem}.btn-medium{font-size:1rem;padding:.75rem 1.5rem}.btn-large{font-size:1.125rem;padding:1rem 2rem}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 2px 8px #0d94884d;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}.btn-secondary{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-300)}.btn-outline{background:#0000;border:2px solid var(--primary-500);color:var(--primary-500)}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-600);color:var(--primary-600)}.btn-ghost{background:#0000;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.btn-danger{background:linear-gradient(135deg,var(--error) 0,#dc2626 100%);box-shadow:0 2px 8px #ef44444d;color:#fff}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success) 0,#059669 100%);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-1px)}.btn-fullwidth{width:100%}.btn-loading{position:relative}.btn-spinner{align-items:center;display:flex;justify-content:center}.btn-spinner svg{animation:spin 1s linear infinite;height:1.25em;width:1.25em}.btn-icon{align-items:center;display:flex}.btn-icon svg{height:1.25em;width:1.25em}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-fullwidth{width:100%}.input-label{color:var(--gray-700);font-size:.875rem;font-weight:600}.input-container{align-items:center;background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);display:flex;position:relative;transition:all .2s ease}.input-container:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input-container.input-error{border-color:var(--error)}.input-container.input-error:focus-within{box-shadow:0 0 0 3px #ef44441a}.input-container.has-icon .input-field{padding-left:2.75rem}.input-icon{align-items:center;color:var(--gray-400);display:flex;left:.875rem;pointer-events:none;position:absolute}.input-icon svg{height:1.25rem;width:1.25rem}.input-field{background:#0000;border:none;color:var(--gray-800);flex:1 1;font-size:1rem;outline:none;padding:.875rem 1rem;width:100%}.input-field::placeholder{color:var(--gray-400)}.input-field:disabled{background:var(--gray-50);cursor:not-allowed}.input-password-toggle{align-items:center;background:none;border:none;color:var(--gray-400);cursor:pointer;display:flex;padding:0 .875rem;transition:color .2s}.input-password-toggle:hover{color:var(--gray-600)}.input-password-toggle svg{height:1.25rem;width:1.25rem}.input-suffix{color:var(--gray-500);font-size:.875rem;padding-right:.875rem}.input-error-text{color:var(--error);font-size:.8125rem}.input-hint{color:var(--gray-500);font-size:.8125rem}.alert{animation:slideUp .3s ease-out;border-radius:var(--radius);gap:.75rem;padding:1rem 1.25rem}.alert,.alert-icon{align-items:center;display:flex}.alert-icon{flex-shrink:0}.alert-icon svg{height:1.25rem;width:1.25rem}.alert-message{flex:1 1;font-size:.9375rem;line-height:1.5}.alert-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-shrink:0;opacity:.6;padding:.25rem;transition:opacity .2s}.alert-close:hover{opacity:1}.alert-close svg{height:1rem;width:1rem}.alert-success{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;color:#065f46}.alert-success .alert-icon{color:var(--success)}.alert-error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;color:#991b1b}.alert-error .alert-icon{color:var(--error)}.alert-warning{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b33;color:#92400e}.alert-warning .alert-icon{color:var(--warning)}.alert-info{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1px solid #3b82f633;color:#1e40af}.alert-info .alert-icon{color:var(--info)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;inset:0;padding:1rem}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:hidden}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:560px;width:100%}.modal-large{max-width:800px;width:100%}.modal-header{padding:1.5rem}.modal-title{color:var(--gray-800);font-size:1.25rem;font-weight:700}.modal-close{border-radius:var(--radius);color:var(--gray-400);transition:all .2s}.modal-close:hover{color:var(--gray-600)}.modal-close svg{height:1.25rem;width:1.25rem}.modal-body{overflow-y:auto;padding:1.5rem}.loading{align-items:center;color:var(--primary-500);display:flex;flex-direction:column;gap:1rem;justify-content:center}.loading-spinner svg{animation:spin 1s linear infinite}.loading-small .loading-spinner svg{height:1.5rem;width:1.5rem}.loading-medium .loading-spinner svg{height:2.5rem;width:2.5rem}.loading-large .loading-spinner svg{height:4rem;width:4rem}.loading-text{color:var(--gray-600);font-size:.9375rem}.loading-fullscreen{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.fireworks-overlay{inset:0;pointer-events:none;position:fixed;z-index:9998}.fireworks-overlay canvas{display:block;height:100%;width:100%}@media (prefers-reduced-motion:reduce){.fireworks-overlay{display:none}}.home-page{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.home-bg{background:radial-gradient(1200px 800px at 70% -10%,#f59e0b2e,#0000 60%),radial-gradient(900px 700px at -10% 90%,#ef444429,#0000 55%),linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);inset:0;position:fixed;z-index:0}.home-bg:before{animation:home-confetti-drift 14s linear infinite;background:radial-gradient(circle at 10% 15%,#f59e0b8c 0 2px,#0000 3px),radial-gradient(circle at 20% 40%,#ef44448c 0 2px,#0000 3px),radial-gradient(circle at 35% 25%,#22c55e73 0 2px,#0000 3px),radial-gradient(circle at 55% 18%,#facc158c 0 2px,#0000 3px),radial-gradient(circle at 68% 35%,#f43f5e73 0 2px,#0000 3px),radial-gradient(circle at 82% 22%,#38bdf866 0 2px,#0000 3px),radial-gradient(circle at 15% 75%,#facc1573 0 2px,#0000 3px),radial-gradient(circle at 45% 82%,#ef444473 0 2px,#0000 3px),radial-gradient(circle at 78% 78%,#f59e0b73 0 2px,#0000 3px),radial-gradient(circle at 25% 12%,#ffffff2e,#0000 22%),radial-gradient(circle at 75% 68%,#ffffff24,#0000 26%);filter:blur(.2px);opacity:.65}.home-bg:after,.home-bg:before{content:"";inset:0;pointer-events:none;position:absolute}.home-bg:after{background:radial-gradient(120px 120px at 6% 18%,#ef44444d,#0000 65%),radial-gradient(160px 160px at 9% 14%,#facc1538,#0000 70%),radial-gradient(140px 140px at 92% 22%,#f59e0b47,#0000 70%),radial-gradient(180px 180px at 88% 16%,#f43f5e38,#0000 72%),radial-gradient(160px 160px at 12% 92%,#22c55e2e,#0000 72%),radial-gradient(160px 160px at 92% 90%,#facc1529,#0000 72%),linear-gradient(90deg,#ef44441a,#0000 22%,#0000 78%,#f59e0b1a),linear-gradient(180deg,#facc150f,#0000 30%,#0000 72%,#ef44440f);mix-blend-mode:screen;opacity:.55}.home-bg-shape{border-radius:50%;filter:blur(120px);opacity:.5;position:absolute}.shape-1{animation:float 25s ease-in-out infinite;right:-200px;top:-300px}.shape-2{animation:float 20s ease-in-out infinite reverse;left:-150px}.shape-3{animation:pulse-slow 15s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);height:400px;left:30%;top:40%;width:400px}.home-bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:60px 60px;inset:0;position:absolute}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}@keyframes home-confetti-drift{0%{transform:translateZ(0)}50%{transform:translate3d(-12px,10px,0)}to{transform:translateZ(0)}}.home-nav{justify-content:space-between;padding:1.5rem 3rem;position:relative;z-index:10}.home-nav,.home-nav-logo{align-items:center;display:flex}.home-nav-logo{gap:.75rem}.home-nav-logo svg{height:40px;width:40px}.home-nav-logo span{color:#fff;font-size:1.25rem;font-weight:700}.home-nav-actions{align-items:center;display:flex;gap:1rem}.home-nav-user{color:#fffc;font-size:.9375rem}.home-nav-btn{border-radius:9999px;font-size:.9375rem;font-weight:600;padding:.625rem 1.5rem;text-decoration:none;transition:all .3s ease}.home-nav-btn.primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 15px #0d948866;color:#fff}.home-nav-btn.primary:hover{box-shadow:0 6px 20px #0d948880;transform:translateY(-2px)}.home-hero{padding:4rem 2rem 3rem;position:relative;text-align:center;z-index:10}.home-newyear-banner{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(120% 160% at 0 0,#ef444442,#0000 55%),radial-gradient(120% 160% at 100% 100%,#facc152e,#0000 55%),#0f172a59;border:1px solid #ffffff29;border-radius:999px;box-shadow:0 18px 50px #00000059,inset 0 0 0 1px #ef44441f;display:inline-flex;gap:.75rem;margin-bottom:1.2rem;max-width:min(980px,100%);padding:.6rem .9rem}.home-fu-btn{background:radial-gradient(120% 120% at 30% 20%,#facc158c,#0000 60%),linear-gradient(135deg,#ef4444f2,#f59e0be6);border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 14px 30px #ef444438,inset 0 0 0 1px #facc151f;color:#fffffffa;cursor:pointer;flex:0 0 auto;font-size:1.15rem;font-weight:900;height:42px;letter-spacing:2px;margin-left:auto;transition:transform .15s ease,filter .15s ease,box-shadow .2s ease;width:42px}.home-fu-btn:hover{box-shadow:0 18px 38px #ef444447,0 0 26px #facc151f;filter:saturate(1.05) brightness(1.03);transform:translateY(-1px) rotate(-2deg)}.home-fu-btn:active{transform:translateY(0) scale(.98)}.home-fu-btn:focus-visible{box-shadow:0 0 0 3px #facc1540,inset 0 0 0 1px #ffffff40,0 14px 30px #ef444438;outline:none}.home-newyear-badge{align-items:center;background:linear-gradient(135deg,#ef4444f2,#f59e0beb);border-radius:999px;box-shadow:0 10px 24px #ef444438;color:#fffffff2;display:inline-flex;font-size:.875rem;font-weight:800;gap:.45rem;letter-spacing:.2px;padding:.35rem .65rem;white-space:nowrap}.home-newyear-badge:before{content:"🎉";font-size:.95rem;line-height:1}.home-newyear-text{color:#fffc;font-size:.9375rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-hero-content{animation:fadeInUp .8s ease}.home-title{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:3.5rem;font-weight:800;gap:1rem;justify-content:center;margin-bottom:1rem;text-shadow:0 4px 30px #0000004d}.title-icon{animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 12px 22px rgba(239,68,68,.22));font-size:3rem}.home-subtitle{color:#ffffffb3;font-size:1.25rem;font-weight:400}.home-main{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem 3rem 4rem;position:relative;width:100%;z-index:10}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.service-card{animation:fadeInUp .6s ease backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card:before{background:linear-gradient(135deg,#0d94881a,#f59e0b0d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.service-card:hover{border-color:#0d94884d;box-shadow:0 20px 40px #0000004d,0 0 60px #0d94881a;transform:translateY(-8px)}.service-card:hover:before{opacity:1}.service-link{align-items:flex-start;display:flex;gap:1.25rem;padding:1.5rem;position:relative;text-decoration:none;z-index:1}.service-icon-wrapper{flex-shrink:0;position:relative}.service-icon{align-items:center;background:linear-gradient(135deg,#0d948833,#0d94881a);border:1px solid #0d94884d;border-radius:16px;display:flex;font-size:2rem;height:64px;justify-content:center;transition:all .4s ease;width:64px}.service-icon-glow{background:radial-gradient(circle,#0d94884d,#0000 70%);inset:-10px;opacity:0;position:absolute;transition:opacity .4s ease}.service-card:hover .service-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:#0000;transform:scale(1.1) rotate(5deg)}.service-card:hover .service-icon-glow{opacity:1}.service-content{flex:1 1;min-width:0}.service-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.service-url{background:#0003;border-radius:6px;color:#ffffff80;display:block;font-family:Monaco,Consolas,monospace;font-size:.8125rem;padding:.25rem .625rem;width:-webkit-fit-content;width:fit-content}.service-desc{color:#ffffffa6;display:block;font-size:.875rem;line-height:1.5;margin-bottom:0;margin-top:.25rem}.service-badge{background:#f59e0b33;border:1px solid #f59e0b4d;border-radius:9999px;color:#fbbf24;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.75rem;padding:.25rem .75rem}.service-badge.highlight{background:#6366f133;border-color:#6366f14d;color:#a5b4fc}.service-arrow{align-items:center;background:#ffffff0d;border-radius:50%;color:#fff6;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;transition:all .4s ease;width:2.5rem}.service-arrow svg{height:1.25rem;width:1.25rem}.service-card:hover .service-arrow{background:var(--primary-500);color:#fff;transform:translateX(4px)}.service-doc{align-items:center;background:#ffffff1a;border-radius:8px;bottom:1rem;color:#ffffffb3;display:flex;font-size:.8125rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;text-decoration:none;transition:all .3s ease;z-index:2}.service-doc svg{height:1rem;width:1rem}.service-doc:hover{background:var(--primary-500);color:#fff}.home-footer{padding:2rem;position:relative;text-align:center;z-index:10}.footer-tagline{color:#fff9;font-size:.9375rem;margin-bottom:.75rem}.footer-credits{align-items:center;color:#fff6;display:flex;font-size:.8125rem;gap:.5rem;justify-content:center}.footer-credits a{color:#fff;font-weight:600;text-decoration:none;transition:opacity .3s}.footer-credits a:hover{opacity:.8}.footer-heart{animation:heartbeat 1.5s ease-in-out infinite;color:#ef4444}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}}@media (max-width:768px){.home-nav{padding:1rem 1.5rem}.home-nav-logo span{display:none}.home-title{flex-direction:column;font-size:2rem;gap:.5rem}.title-icon{font-size:2.5rem}.home-subtitle{font-size:1rem}.home-main{padding:1.5rem}.home-newyear-banner{align-items:flex-start;border-radius:18px;margin-bottom:1rem;padding:.65rem .85rem}.home-newyear-text{font-size:.875rem;text-overflow:clip;white-space:normal}.home-fu-btn{border-radius:13px;height:40px;margin-left:0;margin-top:.5rem;width:40px}.services-grid{grid-template-columns:1fr}.service-link{flex-wrap:wrap}.service-doc{bottom:auto;margin:0 1.5rem 1.5rem;position:relative;right:auto}}@media (prefers-reduced-motion:reduce){.home-bg:before,.shape-1,.shape-2,.shape-3,.title-icon{animation:none!important}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-background{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);inset:0;position:absolute;z-index:0}.auth-bg-shape{border-radius:50%;filter:blur(100px);opacity:.4;position:absolute}.auth-bg-shape-1{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));height:600px;right:-100px;top:-200px;width:600px}.auth-bg-shape-2{animation:float 15s ease-in-out infinite reverse;background:linear-gradient(135deg,var(--accent-500),var(--accent-600));bottom:-100px;height:400px;left:-100px;width:400px}.auth-bg-shape-3{animation:pulse 10s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}.auth-container{max-width:440px;padding:2rem;position:relative;width:100%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;padding:2.5rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{display:inline-flex;margin-bottom:1.5rem}.auth-logo svg{height:56px;width:56px}.auth-title{color:var(--gray-900);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:var(--gray-500);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-options{display:flex;justify-content:flex-end;margin-top:-.5rem}.auth-link{color:var(--primary-500);font-size:.875rem;font-weight:500;transition:color .2s}.auth-link:hover{color:var(--primary-600)}.auth-footer{border-top:1px solid var(--gray-100);margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:var(--gray-600);font-size:.9375rem}.auth-copyright{color:#ffffff80;font-size:.8125rem;margin-top:2rem;text-align:center}.auth-steps{justify-content:center;margin-bottom:1.5rem}.auth-step,.auth-steps{align-items:center;display:flex;gap:.5rem}.auth-step{flex-direction:column;opacity:.5;transition:opacity .3s}.auth-step.active{opacity:1}.auth-step-number{align-items:center;background:var(--gray-200);border-radius:50%;color:var(--gray-600);display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;transition:all .3s;width:2rem}.auth-step.active .auth-step-number{background:var(--primary-500);color:#fff}.auth-step-label{color:var(--gray-500);font-size:.75rem}.auth-step-line{background:var(--gray-200);height:2px;margin:0 .5rem 1.5rem;width:4rem}.auth-form-actions{display:flex;gap:1rem}.auth-form-actions .btn{flex:1 1}.auth-card .alert{margin-bottom:1rem}.dashboard{animation:fadeIn .4s ease-out}.dashboard-header{margin-bottom:2rem}.dashboard-welcome h1{color:var(--gray-900);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.dashboard-welcome p{color:var(--gray-500);font-size:1rem}.dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{animation:slideUp .4s ease-out backwards;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:1rem;padding:1.5rem}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:var(--radius-md);height:3.5rem;justify-content:center;width:3.5rem}.stat-icon svg{height:1.75rem;width:1.75rem}.stat-primary .stat-icon{background:var(--primary-50);color:var(--primary-500)}.stat-success .stat-icon{background:#10b9811a;color:var(--success)}.stat-warning .stat-icon{background:#f59e0b1a;color:var(--warning)}.stat-info .stat-icon{background:#3b82f61a;color:var(--info)}.stat-content{display:flex;flex-direction:column}.stat-value{color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--gray-500);font-size:.875rem;margin-top:.25rem}.dashboard-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.dashboard-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.card-title{border-bottom:1px solid var(--gray-100);color:var(--gray-800);font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:1rem}.profile-info{display:flex;gap:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:700;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-details{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:repeat(2,1fr)}.profile-item{display:flex;flex-direction:column;gap:.25rem}.profile-label{color:var(--gray-400);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.profile-value{color:var(--gray-700);font-size:.9375rem}.roles-list{display:flex;flex-direction:column;gap:.75rem}.role-item{align-items:center;background:var(--gray-50);border-radius:var(--radius);display:flex;gap:1rem;padding:1rem;transition:background .2s}.role-item:hover{background:var(--gray-100)}.role-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius);color:var(--primary-600);display:flex;height:2.5rem;justify-content:center;width:2.5rem}.role-icon svg{height:1.25rem;width:1.25rem}.role-info{display:flex;flex-direction:column}.role-name{color:var(--gray-800);font-weight:600}.role-desc{color:var(--gray-500);font-size:.8125rem}.empty-text{padding:2rem}@media (max-width:640px){.profile-info{align-items:center;flex-direction:column;text-align:center}.profile-details{grid-template-columns:1fr}.profile-item{align-items:center}.dashboard-content{grid-template-columns:1fr}}.profile-page{animation:fadeIn .4s ease-out}.profile-content{display:flex;gap:2rem}.profile-sidebar{flex-shrink:0;width:280px}.profile-avatar-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:2rem;text-align:center}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,var(--primary-400),var(--primary-600));border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:100px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-name{color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.profile-role{color:var(--primary-500);font-size:.875rem}.profile-meta{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.meta-item{border-bottom:1px solid var(--gray-100);justify-content:space-between;padding:.75rem 0}.meta-item:last-child{border-bottom:none}.meta-label{color:var(--gray-500);font-size:.875rem}.meta-value{color:var(--gray-800);font-size:.875rem;font-weight:500}.profile-main{flex:1 1;min-width:0}.profile-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem}.profile-card .card-title{border-bottom:1px solid var(--gray-100);color:var(--gray-800);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.password-tips{background:var(--gray-50);border-radius:var(--radius);margin-top:.5rem;padding:1rem 1.25rem}.password-tips h4{color:var(--gray-700);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.password-tips ul{list-style:none;margin:0;padding:0}.password-tips li{color:var(--gray-500);font-size:.8125rem;padding:.25rem 0 .25rem 1.25rem;position:relative}.password-tips li:before{color:var(--success);content:"✓";font-size:.75rem;left:0;position:absolute}.profile-card .alert{margin-bottom:1rem}@media (max-width:900px){.profile-content{flex-direction:column}.profile-sidebar{width:100%}.form-row{grid-template-columns:1fr}}.admin-page{animation:fadeIn .4s ease-out}.filter-bar{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1rem 1.5rem}.filter-group{align-items:center;display:flex;gap:1rem}.filter-group label{font-weight:500;white-space:nowrap}.filter-group label,.filter-select{color:var(--gray-700);font-size:.875rem}.filter-select{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.filter-select:hover{border-color:var(--primary-300)}.filter-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0d94881a;outline:none}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:var(--gray-900);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:var(--gray-500);font-size:1rem}.admin-toolbar{margin-bottom:1.5rem}.search-form{display:flex;flex-wrap:wrap;gap:.75rem;max-width:100%}.search-form .input-wrapper{flex:1 1 200px;min-width:180px}.admin-table-wrapper{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{padding:1rem 1.25rem;text-align:left}.admin-table th{background:var(--gray-50);color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid var(--gray-100)}.admin-table td{color:var(--gray-700);font-size:.9375rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--gray-50)}.user-cell{gap:.75rem}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary-400),var(--primary-600));border-radius:50%;color:#fff;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.empty-cell{color:var(--gray-400);padding:3rem!important;text-align:center}.status-badge{border-radius:9999px;display:inline-flex}.status-badge.active{background:#10b9811a;color:#059669}.status-badge.inactive{background:var(--gray-100);color:var(--gray-500)}.status-badge.locked{background:#ef44441a;color:var(--error)}.system-badge{background:#6366f11a;border-radius:9999px;color:#6366f1;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.action-buttons{display:flex;gap:.5rem}.action-btn{align-items:center;background:none;border:none;border-radius:var(--radius);color:var(--gray-400);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:all .2s;width:2rem}.action-btn:hover{background:var(--gray-100);color:var(--gray-600)}.action-btn.danger:hover{background:#ef44441a;color:var(--error)}.action-btn svg{height:1rem;width:1rem}.tree-indent{color:var(--gray-300);font-family:monospace}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.form-group{gap:.5rem}.form-label{color:var(--gray-700);font-size:.875rem;font-weight:600}.form-select{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-800);cursor:pointer;font-size:1rem;padding:.875rem 1rem;transition:border-color .2s;width:100%}.form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-textarea{border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-800);font-size:1rem;padding:.875rem 1rem;resize:vertical;transition:border-color .2s;width:100%}.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem}.checkbox-item{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-item input[type=checkbox]{accent-color:var(--primary-500);cursor:pointer;height:1.125rem;width:1.125rem}.checkbox-item span{color:var(--gray-700);font-size:.9375rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.roles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.role-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;transition:box-shadow .2s}.role-card:hover{box-shadow:var(--shadow-md)}.role-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.role-card-icon{align-items:center;background:var(--primary-50);border-radius:var(--radius-md);color:var(--primary-500);display:flex;height:3rem;justify-content:center;width:3rem}.role-card-icon svg{height:1.5rem;width:1.5rem}.role-card-info{flex:1 1}.role-card-info h3{color:var(--gray-800);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.role-code{color:var(--gray-400);font-family:monospace;font-size:.8125rem}.role-card-actions{display:flex;gap:.25rem}.role-description{color:var(--gray-500);font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.role-permissions{align-items:center;background:var(--gray-50);border-radius:var(--radius);display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.permissions-label{color:var(--gray-500);font-size:.875rem}.permissions-count{color:var(--primary-500);font-size:1.25rem;font-weight:700}.role-card-footer{align-items:center;display:flex;gap:.5rem}.permissions-select{border:1px solid var(--gray-200);border-radius:var(--radius);max-height:240px;overflow-y:auto;padding:1rem}.permission-group{margin-bottom:1rem}.permission-group:last-child{margin-bottom:0}.permission-group-title{border-bottom:1px solid var(--gray-100);color:var(--gray-500);font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding-bottom:.5rem;text-transform:uppercase}.empty-state{background:#fff;border-radius:var(--radius-lg);grid-column:1/-1;padding:4rem 2rem}.empty-state,.empty-text{color:var(--gray-400);text-align:center}.empty-text{padding:1rem}.permissions-list{display:flex;flex-direction:column;gap:2rem}.permission-module-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.module-title{align-items:center;border-bottom:2px solid var(--gray-100);color:var(--gray-800);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.module-count{color:var(--gray-500);font-size:.875rem;font-weight:500;margin-left:.25rem}.permissions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.permission-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;transition:all .2s}.permission-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #0000000d}.permission-card-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.permission-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius);color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.permission-icon svg{height:1.25rem;width:1.25rem}.permission-info{flex:1 1;min-width:0}.permission-info h4{color:var(--gray-900);font-size:1rem;font-weight:600;margin-bottom:.25rem}.permission-code{background:var(--primary-50);border-radius:var(--radius-sm);color:var(--primary-600);display:inline-block;font-family:Monaco,Courier New,monospace;font-size:.75rem;padding:.125rem .5rem}.permission-description{color:var(--gray-600);font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.permission-card-footer{align-items:center;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding-top:.75rem}.permission-actions{display:flex;gap:.5rem}.empty-state svg{color:var(--gray-300);height:4rem;margin-bottom:1rem;width:4rem}.empty-state p{font-size:1rem}.admin-page>.alert,.empty-state p{margin-bottom:1.5rem}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem}.form-grid,.permissions-grid,.roles-grid{grid-template-columns:1fr}}.detail-content{padding:1rem 0}.detail-section{margin-bottom:2rem}.detail-section:last-child,.detail-title{margin-bottom:1rem}.detail-title{border-bottom:1px solid var(--gray-200);color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding-bottom:.75rem;text-transform:uppercase}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column}.detail-item label{color:var(--gray-500);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.detail-item p{color:var(--gray-700);font-size:.9375rem;margin:0;word-break:break-all}@media (max-width:768px){.detail-grid{grid-template-columns:1fr}}.image-editor{background:#0f172af2;display:flex;flex-direction:column;height:100%;min-height:500px;overflow:hidden}.image-editor-toolbar{align-items:center;background:#1e293be6;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.tool-group{background:#ffffff0d;border-radius:8px;gap:.5rem;padding:.5rem}.tool-btn,.tool-group{align-items:center;display:flex}.tool-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s;width:40px}.tool-btn:hover{background:#fff3;transform:translateY(-1px)}.tool-btn.active{background:var(--primary-500);border-color:var(--primary-400);box-shadow:0 0 10px #0d948866}.color-picker-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.color-picker{background:none;border:2px solid #ffffff4d;border-radius:6px;cursor:pointer;height:40px;padding:0;width:40px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-preview{border:2px solid #ffffff4d;border-radius:4px;height:30px;width:30px}.color-palette{display:flex;flex-wrap:nowrap;gap:.5rem}.color-btn{border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;height:24px;padding:0;transition:all .2s;width:24px}.color-btn:hover{border-color:#fff9;transform:scale(1.2)}.color-btn.active{border-color:#fff;box-shadow:0 0 8px #fff9;transform:scale(1.3)}.brush-size-label{align-items:center;color:#fffc;display:flex;font-size:.875rem;gap:.5rem}.brush-size-slider{-webkit-appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:100px}.brush-size-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-500);border-radius:50%;cursor:pointer;height:16px;width:16px}.brush-size-slider::-moz-range-thumb{background:var(--primary-500);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.image-editor .text-input-group{align-items:center;display:flex;gap:.5rem}.image-editor .text-input{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.875rem;padding:.5rem .75rem;width:200px}.image-editor .text-input::placeholder{color:#fff6}.image-editor .text-input:focus{background:#ffffff26;border-color:var(--primary-500);outline:none}.image-editor .text-add-btn{background:var(--primary-500);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.image-editor .text-add-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.image-editor .actions{align-items:center;display:flex;gap:.5rem;margin-left:auto}.image-editor .action-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.25rem;justify-content:center;min-width:70px;overflow:hidden;padding:.5rem 1rem;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.image-editor .action-btn:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.image-editor .action-btn:active:not(:disabled){box-shadow:0 1px 4px #0003;transform:translateY(0)}.image-editor .action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.image-editor .undo-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #8b5cf64d}.image-editor .undo-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#a78bfa)}.image-editor .clear-btn{background:linear-gradient(135deg,#ef4444,#f87171);border:1px solid #ef44444d}.image-editor .clear-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#f87171)}.image-editor .save-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-400));border:1px solid #0d94884d}.image-editor .save-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-500))}.image-editor .cancel-btn{background:linear-gradient(135deg,#6b7280cc,#4b5563cc);border:1px solid #6b72804d}.image-editor .cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b7280,#4b5563)}.image-editor-canvas-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:1rem;position:relative}.image-editor-canvas{border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 20px #0000004d;cursor:crosshair;max-height:100%;max-width:100%}.image-editor-loading{color:#ffffffb3;font-size:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.image-editor-uploading-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0206179e;display:flex;height:100%;justify-content:center;left:0;padding:16px;position:absolute;top:0;width:100%;z-index:10}.image-editor-uploading-card{background:#0f172ae0;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 18px 50px #00000073;padding:16px 16px 14px;width:min(420px,92vw)}.image-editor-uploading-title{color:#ffffffeb;font-size:16px;font-weight:700;letter-spacing:.2px;margin-bottom:12px}.image-editor-progress-track{background:#ffffff1f;border-radius:999px;box-shadow:inset 0 1px 2px #00000073;height:10px;overflow:hidden;width:100%}.image-editor-progress-fill{background:linear-gradient(90deg,#0d9488,#38bdf8);background:linear-gradient(90deg,var(--primary-500,#0d9488) 0,#38bdf8 100%);border-radius:999px;box-shadow:0 6px 18px #38bdf82e;height:100%;position:relative;transition:width .22s ease;width:0}.image-editor-progress-fill:after{animation:editor-progress-shimmer 1.15s linear infinite;background-image:linear-gradient(90deg,#fff0,#ffffff47 45%,#fff0);content:"";inset:0;position:absolute;transform:translateX(-120%)}@keyframes editor-progress-shimmer{to{transform:translateX(120%)}}.image-editor-uploading-meta{align-items:center;color:#ffffffb8;display:flex;font-size:13px;justify-content:space-between;margin-top:10px}.image-editor-uploading-percent{font-feature-settings:"tnum";color:#ffffffeb;font-variant-numeric:tabular-nums;font-weight:700}.image-editor-uploading-hint{color:#ffffff8c;font-size:12px;margin-top:6px}@media (prefers-reduced-motion:reduce){.image-editor-progress-fill{transition:none}.image-editor-progress-fill:after{animation:none}}@media (max-width:768px){.image-editor-toolbar{gap:.75rem;padding:.75rem}.tool-group{gap:.375rem;padding:.375rem}.tool-btn{font-size:1rem;height:36px;width:36px}.image-editor .text-input{width:150px}.image-editor .actions{gap:.4rem;justify-content:flex-end;margin-left:0;width:100%}}.ai-image-page{min-height:100vh;overflow-x:hidden;position:relative}.ai-bg{background:radial-gradient(1200px 800px at 65% -10%,#f59e0b29,#0000 60%),radial-gradient(900px 700px at -10% 90%,#ef444424,#0000 55%),linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);inset:0;position:fixed;z-index:0}.ai-bg:before{animation:ai-confetti-drift 14s linear infinite;background:radial-gradient(circle at 12% 18%,#f59e0b8c 0 2px,#0000 3px),radial-gradient(circle at 22% 42%,#ef44448c 0 2px,#0000 3px),radial-gradient(circle at 38% 26%,#22c55e6b 0 2px,#0000 3px),radial-gradient(circle at 56% 16%,#facc158c 0 2px,#0000 3px),radial-gradient(circle at 70% 34%,#f43f5e73 0 2px,#0000 3px),radial-gradient(circle at 84% 22%,#38bdf861 0 2px,#0000 3px),radial-gradient(circle at 18% 78%,#facc1573 0 2px,#0000 3px),radial-gradient(circle at 48% 84%,#ef44446b 0 2px,#0000 3px),radial-gradient(circle at 80% 80%,#f59e0b73 0 2px,#0000 3px),radial-gradient(circle at 24% 12%,#ffffff29,#0000 22%),radial-gradient(circle at 76% 68%,#ffffff21,#0000 26%);opacity:.6}.ai-bg:after,.ai-bg:before{content:"";inset:0;pointer-events:none;position:absolute}.ai-bg:after{background:radial-gradient(120px 120px at 6% 18%,#ef444442,#0000 65%),radial-gradient(160px 160px at 9% 14%,#facc152e,#0000 70%),radial-gradient(140px 140px at 92% 22%,#f59e0b38,#0000 70%),radial-gradient(180px 180px at 88% 16%,#f43f5e29,#0000 72%),linear-gradient(90deg,#ef444414,#0000 22%,#0000 78%,#f59e0b14);mix-blend-mode:screen;opacity:.5}.ai-bg-shape{border-radius:50%;filter:blur(120px);opacity:.4;position:absolute}.shape-1{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#0d9488,#0f766e);height:600px;right:-100px;top:-200px;width:600px}.shape-2{animation:float 15s ease-in-out infinite reverse;background:linear-gradient(135deg,#f59e0b,#d97706);bottom:-150px;height:400px;left:-100px;width:400px}.ai-bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.05)}}@keyframes ai-confetti-drift{0%{transform:translateZ(0)}50%{transform:translate3d(-10px,8px,0)}to{transform:translateZ(0)}}.ai-nav{justify-content:space-between;padding:1rem 2rem;position:relative;z-index:10}.ai-nav,.ai-nav-back{align-items:center;display:flex}.ai-nav-back{color:#ffffffb3;font-size:.9375rem;gap:.5rem;text-decoration:none;transition:color .2s}.ai-nav-back:hover{color:#fff}.ai-nav-back svg{height:1.25rem;width:1.25rem}.ai-nav-actions{align-items:center;display:flex;gap:1rem}.ai-nav-user{color:#fffc;font-size:.9375rem;text-decoration:none}.ai-nav-btn{background:var(--primary-500);border-radius:9999px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;text-decoration:none}.ai-container{margin:0 auto;max-width:1200px;padding:1rem 2rem 2rem;position:relative;z-index:1}.ai-header{padding:1.5rem 0 2rem;text-align:center}.ai-newyear-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(120% 160% at 0 0,#ef444438,#0000 55%),radial-gradient(120% 160% at 100% 100%,#facc1529,#0000 55%),#0f172a52;border:1px solid #ffffff29;border-radius:999px;box-shadow:0 18px 50px #00000052,inset 0 0 0 1px #ef44441a;gap:.75rem;margin:0 auto 1.1rem;max-width:min(980px,100%);padding:.6rem .9rem}.ai-newyear-badge,.ai-newyear-banner{align-items:center;display:inline-flex}.ai-newyear-badge{background:linear-gradient(135deg,#ef4444f2,#f59e0beb);border-radius:999px;box-shadow:0 10px 24px #ef444433;color:#fffffff2;font-size:.875rem;font-weight:800;gap:.45rem;letter-spacing:.2px;padding:.35rem .65rem;white-space:nowrap}.ai-newyear-badge:before{content:"🎉";font-size:.95rem;line-height:1}.ai-newyear-text{color:#ffffffc7;font-size:.9375rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-fu-btn{background:radial-gradient(120% 120% at 30% 20%,#facc158c,#0000 60%),linear-gradient(135deg,#ef4444f2,#f59e0be6);border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 14px 30px #ef444438,inset 0 0 0 1px #facc151f;color:#fffffffa;cursor:pointer;flex:0 0 auto;font-size:1.15rem;font-weight:900;height:42px;letter-spacing:2px;margin-left:auto;transition:transform .15s ease,filter .15s ease,box-shadow .2s ease;width:42px}.ai-fu-btn:hover{box-shadow:0 18px 38px #ef444447,0 0 26px #facc151f;filter:saturate(1.05) brightness(1.03);transform:translateY(-1px) rotate(-2deg)}.ai-fu-btn:active{transform:translateY(0) scale(.98)}.ai-fu-btn:focus-visible{box-shadow:0 0 0 3px #facc1540,inset 0 0 0 1px #ffffff40,0 14px 30px #ef444438;outline:none}.ai-logo{align-items:center;cursor:pointer;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.ai-logo-icon{animation:bounce 2s ease-in-out infinite;font-size:2.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ai-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#14b8a6,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.ai-tagline{color:#fff9;font-size:1rem}.ai-main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.ai-input-section{display:flex;flex-direction:column;gap:1.25rem}.ai-auth-notice{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b47;border-radius:12px;color:#ffffffd9;display:flex;font-size:.9375rem;gap:1rem;justify-content:space-between;padding:.875rem 1rem}.ai-auth-notice-text strong{color:#fff}.ai-auth-login-btn{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:9999px;color:#fff;cursor:pointer;flex-shrink:0;font-weight:600;padding:.5rem 1rem;transition:transform .15s ease,background .15s ease}.ai-auth-login-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.ai-prompt-container{display:flex;flex-direction:column;gap:.5rem}.ai-label{align-items:center;color:#ffffffb3;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.ai-label-icon{font-size:1rem}.ai-optional{color:#fff6;font-size:.75rem;margin-left:auto}.ai-prompt-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;line-height:1.6;min-height:120px;padding:1rem;resize:vertical;transition:all .2s;width:100%}.ai-prompt-input:focus{background:#ffffff14;border-color:var(--primary-500);box-shadow:0 0 0 3px #0d948833;outline:none}.ai-prompt-input::placeholder{color:#ffffff4d}.ai-hint{color:#fff6;font-size:.75rem;text-align:right}.ai-params-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.ai-param-group{display:flex;flex-direction:column;gap:.5rem}.ai-param-group.full-width{grid-column:1/-1}.ai-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s;width:100%}.ai-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0d948833;outline:none}.ai-select option{background:#1e293b;color:#fff}.ai-upload-area{position:relative}.ai-file-input{clip:rect(0,0,0,0);height:1px;overflow:hidden;position:absolute;width:1px}.ai-upload-label{align-items:center;background:#ffffff08;border:2px dashed #ffffff26;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center;transition:all .2s}.ai-upload-label:hover:not(.uploading){background:#ffffff0f;border-color:var(--primary-500)}.ai-upload-label.disabled{cursor:not-allowed;opacity:.7}.ai-upload-label.disabled:hover{background:#ffffff08;border-color:#ffffff26;box-shadow:none}.ai-upload-label.dragover{background:#0d94881a;border-color:var(--primary-500);box-shadow:0 0 20px #0d948833}.ai-upload-label.uploading{cursor:not-allowed;opacity:.7}.ai-upload-icon{font-size:2rem}.ai-upload-label span{color:#fff9;font-size:.875rem}.ai-upload-hint{color:#fff6!important;font-size:.75rem!important}.ai-uploaded-images{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.ai-uploaded-item{border:2px solid #ffffff1a;border-radius:10px;height:70px;overflow:hidden;position:relative;width:70px}.ai-uploaded-item img{height:100%;object-fit:cover;width:100%}.ai-remove-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s;width:18px}.ai-uploaded-item:hover .ai-remove-btn{opacity:1}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:12px;box-shadow:0 4px 15px #0d94884d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s;width:100%}.ai-generate-btn:hover:not(:disabled){box-shadow:0 6px 20px #0d948866;transform:translateY(-2px)}.ai-generate-btn:disabled{cursor:not-allowed;opacity:.8}.ai-btn-icon{font-size:1.25rem}.ai-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.ai-spinner.small{height:16px;width:16px}.ai-progress-container{align-items:center;display:flex;gap:1rem}.ai-progress-bar{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:3px;height:100%;transition:width .2s}.ai-progress-text{color:#fff9;font-size:.8125rem;min-width:40px;text-align:right}.ai-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;display:flex;font-size:.9375rem;gap:.75rem;padding:1rem}.ai-output-section{display:flex;flex-direction:column}.ai-image-display{align-items:center;background:#ffffff08;border:2px dashed #ffffff1a;border-radius:16px;display:flex;flex:1 1;justify-content:center;min-height:400px;overflow:hidden;position:relative;transition:all .3s}.ai-image-display.has-image{border-style:solid}.ai-image-display.loading-image{border-color:var(--primary-500);box-shadow:0 0 30px #0d948833}.ai-placeholder{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.ai-placeholder-icon{animation:floatIcon 3s ease-in-out infinite;font-size:4rem;opacity:.5}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ai-placeholder p{color:#fff9;font-size:1.125rem}.ai-placeholder span{color:#fff6;font-size:.875rem}.ai-generated-image{animation:fadeIn .5s ease;border-radius:12px;max-height:100%;max-width:100%;object-fit:contain}.ai-image-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3,#0000 50%);display:flex;inset:0;justify-content:center;opacity:0;padding:1.5rem;position:absolute;transition:opacity .3s}.ai-image-display:hover .ai-image-overlay{opacity:1}.ai-download-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.ai-download-btn:hover{background:#ffffff40;transform:translateY(-2px)}.ai-image-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.ai-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--primary-500);height:50px;width:50px}.ai-image-loading p{color:#ffffffb3;font-size:1rem}.ai-loading-progress{align-items:center;display:flex;gap:1rem;width:180px}.ai-loading-bar{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.ai-loading-fill{background:var(--primary-500);border-radius:3px;height:100%;transition:width .2s}.ai-loading-progress span{color:var(--primary-400);font-size:.8125rem;min-width:40px;text-align:right}.ai-footer{padding:2rem 0 1rem;text-align:center}.ai-footer p{color:#fff6;font-size:.8125rem}.ai-network-status{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-top:.75rem;visibility:hidden}.ai-status-light{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ai-status-light.loading{animation:pulse 1.5s ease-in-out infinite;background:#f59e0b;box-shadow:0 0 8px #f59e0b}.ai-status-light.connected{background:#10b981;box-shadow:0 0 8px #10b981}.ai-status-light.partial{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.ai-status-light.error{background:#ef4444;box-shadow:0 0 8px #ef4444}.ai-status-info{color:#ffffff80;display:flex;font-family:monospace;font-size:.75rem;gap:1rem}.ai-status-info .error{color:#ef4444}@media (max-width:900px){.ai-main{gap:1.5rem;grid-template-columns:1fr}.ai-output-section{order:-1}.ai-image-display{min-height:300px}}@media (max-width:600px){.ai-container{padding:1rem}.ai-newyear-banner{align-items:flex-start;border-radius:18px;padding:.65rem .85rem}.ai-newyear-text{font-size:.875rem;text-overflow:clip;white-space:normal}.ai-fu-btn{border-radius:13px;height:40px;margin-left:0;margin-top:.5rem;width:40px}.ai-logo h1{font-size:1.5rem}.ai-params-grid{grid-template-columns:1fr}.ai-image-display{min-height:250px}}@media (prefers-reduced-motion:reduce){.ai-bg:before,.ai-logo-icon,.shape-1,.shape-2{animation:none!important}}.ai-image-preview-modal{align-items:center;background:#0f172af2;display:flex;justify-content:center;min-height:200px;padding:0}.ai-image-preview-modal img{display:block;max-height:90vh;max-width:100%;object-fit:contain}.ai-image-page .modal{background:#0000;box-shadow:none;display:flex;flex-direction:column;max-height:95vh;max-width:95vw}.ai-image-page .modal-header{background:#0000;border:none;padding:1rem;position:absolute;right:0;top:0;z-index:10}.ai-image-page .modal-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;color:#fff}.ai-image-page .modal-close:hover{background:#000000b3;color:#fff}.ai-image-page .modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.ai-upload-edit-hint-toast{align-items:center;animation:aiUploadHintToastIn .22s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(120% 180% at 20% 0,#14b8a647,#0000 55%),radial-gradient(120% 180% at 80% 100%,#f59e0b38,#0000 55%),#0f172ac7;border:1px solid #ffffff38;border-radius:16px;bottom:24px;box-shadow:0 14px 40px #0000006b,inset 0 0 0 1px #14b8a62e;color:#fffffff5;display:flex;gap:12px;left:50%;max-width:min(520px,calc(100vw - 32px));min-width:280px;padding:14px 18px;pointer-events:none;position:fixed;transform:translate(-50%);z-index:9999}.ai-upload-edit-hint-icon{align-items:center;background:#14b8a638;border:1px solid #14b8a659;border-radius:12px;box-shadow:0 10px 24px #00000040;color:#fffffffa;display:inline-flex;flex:0 0 auto;font-size:18px;height:38px;justify-content:center;width:38px}.ai-upload-edit-hint-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ai-upload-edit-hint-title{color:#fffffffa;font-size:.95rem;font-weight:700;letter-spacing:.2px}.ai-upload-edit-hint-subtitle{color:#ffffffc7;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes aiUploadHintToastIn{0%{opacity:0;transform:translate(-50%,12px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width:600px){.ai-upload-edit-hint-toast{bottom:16px;min-width:0;padding:13px 14px}.ai-upload-edit-hint-icon{border-radius:11px;height:34px;width:34px}}.sd-page{min-height:100vh;overflow-x:hidden;position:relative}.sd-bg{background:linear-gradient(135deg,#0a0a12,#12121f 50%,#0a0a12);inset:0;position:fixed;z-index:0}.sd-bg-shape{border-radius:50%;filter:blur(150px);opacity:.3;position:absolute}.shape-1{animation:sdFloat 25s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#8b5cf6);height:700px;left:-150px;top:-250px;width:700px}.shape-2{animation:sdFloat 20s ease-in-out infinite reverse;background:linear-gradient(135deg,#00d4ff,#0ea5e9);bottom:-200px;height:500px;right:-100px;width:500px}.sd-bg-lines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,rgba(0,212,255,.015) 0,rgba(0,212,255,.015) 4px);inset:0;position:absolute}@keyframes sdFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-40px) scale(1.05)}}.sd-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12121fd9;border-bottom:1px solid #ffffff14;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sd-header-content{flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1600px;padding:.75rem 1.5rem}.sd-header-content,.sd-header-left{align-items:center;display:flex;gap:1.5rem}.sd-back-btn{align-items:center;color:#fff9;display:flex;font-size:.875rem;gap:.5rem;text-decoration:none;transition:color .2s}.sd-back-btn:hover{color:#fff}.sd-back-btn svg{height:1.125rem;width:1.125rem}.sd-logo{gap:.75rem}.sd-logo,.sd-logo-icon{align-items:center;display:flex}.sd-logo-icon{border-radius:12px;box-shadow:0 0 20px #00d4ff4d;height:44px;justify-content:center;width:44px}.sd-logo h1,.sd-logo-icon{background:linear-gradient(135deg,#00d4ff,#7c3aed);font-size:1.25rem}.sd-logo h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.sd-logo span{color:#ffffff80;display:block;font-size:.75rem}.sd-nav-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:.375rem;padding:.375rem}.sd-nav-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.sd-nav-tab:hover{background:#ffffff14;color:#fff}.sd-nav-tab.active{background:linear-gradient(135deg,#00d4ff,#7c3aed);box-shadow:0 0 15px #00d4ff66;color:#fff}.sd-header-right{align-items:center;display:flex;gap:1rem}.sd-model-selector{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:.5rem;padding:.375rem .75rem}.sd-model-selector label{color:#fff9;font-size:.8125rem;white-space:nowrap}.sd-model-selector select{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8125rem;max-width:200px;min-width:140px;padding:.375rem .5rem}.sd-model-selector select:disabled{cursor:not-allowed;opacity:.5}.sd-model-loading{animation:pulse 1.5s infinite;color:#00d4ff;font-size:.75rem}.sd-status{align-items:center;color:#fff9;display:flex;font-size:.8125rem;gap:.5rem}.sd-status-dot{background:#ef4444;border-radius:50%;height:8px;width:8px}.sd-status-dot.connected{background:#10b981;box-shadow:0 0 8px #10b981}.sd-user-link{color:#ffffffb3;font-size:.875rem;text-decoration:none}.sd-login-btn{background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:8px;color:#fff;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;text-decoration:none}.sd-main{margin:0 auto;max-width:1600px;padding:1.5rem;position:relative;z-index:1}.sd-gallery-panel,.sd-generator-panel{animation:fadeInUp .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#151523cc;border:1px solid #ffffff14;border-radius:20px;overflow:hidden}.sd-panel-header{background:linear-gradient(180deg,#ffffff08,#0000);border-bottom:1px solid #ffffff14;padding:1.25rem 1.5rem}.sd-panel-header h2{align-items:center;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.sd-generator-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1.5rem}@media (max-width:1024px){.sd-generator-content{grid-template-columns:1fr}}.sd-input-section{gap:1rem}.sd-input-group,.sd-input-section{display:flex;flex-direction:column}.sd-input-group{gap:.375rem}.sd-input-group label{color:#ffffffb3;font-size:.8125rem;font-weight:500}.sd-input-group input[type=number],.sd-input-group input[type=text],.sd-input-group select,.sd-input-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;resize:vertical;transition:all .2s;width:100%}.sd-input-group input:focus,.sd-input-group select:focus,.sd-input-group textarea:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff26;outline:none}.sd-input-group input::placeholder,.sd-input-group textarea::placeholder{color:#ffffff4d}.sd-input-group input[type=range]{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:none;border-radius:3px;height:6px;padding:0;width:100%}.sd-input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#00d4ff,#7c3aed);border-radius:50%;box-shadow:0 0 10px #00d4ff66;cursor:pointer;height:16px;-webkit-transition:transform .2s;transition:transform .2s;width:16px}.sd-input-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.sd-params-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.sd-params-grid{grid-template-columns:1fr}}.sd-size-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.sd-size-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-family:monospace;font-size:.8125rem;padding:.5rem .875rem;transition:all .2s}.sd-size-btn:hover{border-color:#00d4ff;color:#fff}.sd-size-btn.active{background:linear-gradient(135deg,#00d4ff,#7c3aed);border-color:#0000;color:#fff}.sd-custom-size{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.sd-custom-size input[type=number]{font-family:monospace;font-size:.8125rem;padding:.5rem .625rem;width:90px}.sd-custom-size span{color:#fff6}.sd-apply-btn{background:linear-gradient(135deg,#00d4ff,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.5rem .875rem;transition:all .2s}.sd-apply-btn:hover{box-shadow:0 4px 15px #00d4ff4d;transform:translateY(-1px)}.sd-lora-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1rem}.sd-lora-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.sd-lora-header label{color:#fff;font-size:.875rem;font-weight:500}.sd-refresh-btn{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.8125rem;padding:.375rem .625rem;transition:all .2s}.sd-refresh-btn:hover:not(:disabled){background:#ffffff1f;border-color:#00d4ff;color:#fff}.sd-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.sd-lora-selector{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.sd-lora-selector select{flex:1 1;font-size:.8125rem;min-width:160px;padding:.5rem .75rem}.sd-lora-weight{display:flex;flex-direction:column;gap:.25rem;min-width:100px}.sd-lora-weight label{color:#fff9;font-size:.75rem}.sd-lora-weight input[type=range]{height:4px}.sd-add-lora-btn{background:linear-gradient(135deg,#00d4ff,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.5rem .875rem;transition:all .2s;white-space:nowrap}.sd-add-lora-btn:hover:not(:disabled){box-shadow:0 4px 15px #00d4ff4d;transform:translateY(-1px)}.sd-add-lora-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.sd-used-loras{border-top:1px solid #ffffff14;margin-top:.75rem;padding-top:.75rem}.sd-used-loras>label{color:#fff9;display:block;font-size:.75rem;margin-bottom:.5rem}.sd-lora-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sd-lora-tag{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff;border-radius:6px;color:#00d4ff;display:inline-flex;font-family:monospace;font-size:.75rem;gap:.5rem;padding:.375rem .625rem}.sd-lora-tag button{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:.625rem;height:16px;justify-content:center;padding:0;transition:all .2s;width:16px}.sd-lora-tag button:hover{background:#ef4444;color:#fff}.sd-action-buttons{display:flex;gap:.75rem;margin-top:.5rem}.sd-generate-btn{background:linear-gradient(135deg,#00d4ff,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 20px #00d4ff4d;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s}.sd-generate-btn:hover:not(:disabled){box-shadow:0 6px 30px #00d4ff66;transform:translateY(-2px)}.sd-generate-btn:disabled{cursor:not-allowed;opacity:.7}.sd-interrupt-btn{background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:600;padding:.875rem 1.25rem;transition:all .2s}.sd-interrupt-btn:hover{background:#dc2626}.sd-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden;width:100%}.sd-progress-fill{background:linear-gradient(90deg,#00d4ff,#7c3aed);border-radius:3px;height:100%;position:relative;transition:width .3s ease}.sd-progress-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sd-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-size:.875rem;padding:.75rem 1rem}.sd-preview-section{display:flex;flex-direction:column;gap:1rem}.sd-preview-container{align-items:center;aspect-ratio:1;background:#ffffff08;border:2px dashed #ffffff1a;border-radius:16px;display:flex;justify-content:center;overflow:hidden;transition:all .3s}.sd-preview-container:has(img){border-style:solid}.sd-preview-container img{height:100%;object-fit:contain;width:100%}.sd-preview-placeholder{color:#fff6;text-align:center}.sd-preview-placeholder span{display:block;font-size:3.5rem;margin-bottom:.75rem;opacity:.5}.sd-download-btn,.sd-preview-placeholder p{font-size:.875rem}.sd-download-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.sd-download-btn:hover{background:#ffffff1f;border-color:#00d4ff}.sd-upload-area{align-items:center;background:#ffffff08;border:2px dashed #ffffff1f;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:180px;overflow:hidden;transition:all .2s;width:100%}.sd-upload-area:hover{background:#00d4ff0d;border-color:#00d4ff}.sd-upload-placeholder{color:#ffffff80;padding:1.5rem;text-align:center}.sd-upload-placeholder span{display:block;font-size:2.5rem;margin-bottom:.5rem}.sd-source-preview{height:100%;object-fit:contain;width:100%}.sd-gallery-empty{color:#ffffff80;padding:3rem 1.5rem;text-align:center}.sd-gallery-empty span{display:block;font-size:3.5rem;margin-bottom:.75rem;opacity:.5}.sd-gallery-empty p{font-size:1rem;margin-bottom:.25rem}.sd-gallery-empty .hint{font-size:.8125rem;opacity:.7}.sd-gallery-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:1.25rem}.sd-gallery-item{aspect-ratio:1;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s}.sd-gallery-item:hover{transform:scale(1.03)}.sd-gallery-item img{height:100%;object-fit:cover;width:100%}.sd-gallery-item-overlay{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:.75rem;position:absolute;right:0;transition:opacity .2s}.sd-gallery-item:hover .sd-gallery-item-overlay{opacity:1}.sd-gallery-item-overlay p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:.75rem;overflow:hidden}.sd-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000e6;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.sd-modal-content{background:#151523f2;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:850px;overflow:auto;position:relative;width:100%}.sd-modal-close{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;font-size:1.125rem;height:36px;position:absolute;right:1rem;top:1rem;transition:all .2s;width:36px;z-index:10}.sd-modal-close:hover{background:#ef4444;border-color:#ef4444}.sd-modal-content>img{background:#0000004d;max-height:55vh;object-fit:contain;width:100%}.sd-modal-info{padding:1.25rem}.sd-modal-info h3{font-size:1rem;font-weight:600;margin-bottom:.875rem}.sd-info-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin-bottom:1.25rem}.sd-info-item label{color:#ffffff80;display:block;font-size:.75rem;margin-bottom:.25rem}.sd-info-item p{color:#fff;font-size:.875rem;word-break:break-word}@media (max-width:768px){.sd-header-content{flex-direction:column;gap:1rem}.sd-header-left{justify-content:space-between;width:100%}.sd-nav-tabs{justify-content:center;width:100%}.sd-nav-tab{font-size:.8125rem;padding:.5rem .875rem}.sd-header-right{flex-wrap:wrap;justify-content:center;width:100%}.sd-generator-content,.sd-main{padding:1rem}.sd-gallery-grid{grid-template-columns:repeat(2,1fr)}}.opinion-page{background:var(--gray-50);min-height:100vh;padding:2rem}.opinion-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;padding:2.5rem}.opinion-header{border-bottom:2px solid var(--gray-100);margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.header-top{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.75rem;position:relative}.opinion-header h1{color:var(--gray-900);font-size:1.75rem;font-weight:700;margin:0}.admin-link{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:var(--radius);box-shadow:0 2px 8px #0d94884d;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:0;text-decoration:none;transition:all .2s ease}.admin-link:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}.opinion-header p{color:var(--gray-500);font-size:1rem;margin:0}.opinion-form{gap:1.5rem}.form-group,.opinion-form{display:flex;flex-direction:column}.form-group{gap:.625rem}.form-group label{align-items:center;color:var(--gray-700);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem}.label-icon{font-size:1.125rem}.required{color:var(--error)}.optional{color:var(--gray-500);font-size:.875rem;font-weight:400}.form-group textarea{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-800);font-family:inherit;font-size:.9375rem;line-height:1.6;padding:.875rem 1rem;resize:vertical;transition:all .2s ease}.form-group textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-group textarea::placeholder{color:var(--gray-400)}.char-count{color:var(--gray-500);font-size:.75rem;text-align:right}.upload-area{background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius);padding:2.5rem;text-align:center;transition:all .2s ease}.upload-area.drag-active{background:var(--primary-50);border-color:var(--primary-500)}.upload-area.disabled{cursor:not-allowed;opacity:.6}.upload-button{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius);box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.upload-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}.upload-button:disabled{cursor:not-allowed;opacity:.6}.upload-icon{font-size:1.125rem}.upload-hint{color:var(--gray-500);font-size:.75rem;margin:.75rem 0 0}.image-previews{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:1rem}.image-preview-item{aspect-ratio:1;border:2px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:1.75rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background .2s ease;width:1.75rem}.remove-image-btn:hover{background:#000c}.form-actions{margin-top:.625rem}.submit-button{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius);box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.submit-icon{font-size:1.125rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;width:1rem}.error-message{background:#ef44441a;border-left:4px solid var(--error);color:var(--error)}.error-message,.success-message{border-radius:var(--radius);font-size:.875rem;padding:.875rem 1rem}.success-message{background:#10b9811a;border-left:4px solid var(--success);color:var(--success)}.success-container{align-items:center;display:flex;justify-content:center;min-height:500px;padding:3.75rem 2.5rem}.success-content{animation:fadeInUp .6s ease-out;max-width:500px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon-wrapper{display:inline-block;margin-bottom:1.875rem;position:relative}.success-icon{align-items:center;animation:scaleIn .5s ease-out .2s both;box-shadow:0 10px 30px #0d94884d;color:#fff;display:flex;height:120px;justify-content:center;position:relative;width:120px}.success-icon,.success-icon:after{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:50%}.success-icon:after{animation:pulse 2s ease-in-out infinite;content:"";height:100%;opacity:.3;position:absolute;width:100%}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:0;transform:scale(1.2)}}.success-icon svg{stroke-width:3;height:60px;position:relative;width:60px;z-index:1}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--gray-900);font-size:1.75rem;font-weight:700;margin:0 0 1rem}.success-message-text{color:var(--gray-500);font-size:1rem;line-height:1.6;margin:0 0 .75rem}.success-subtitle{color:var(--gray-500);font-size:.875rem;margin:0 0 2.5rem}.submit-again-button{align-items:center;background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius);box-shadow:0 4px 15px #0d94884d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.submit-again-button:hover{box-shadow:0 6px 20px #0d948866;transform:translateY(-2px)}.submit-again-button:active{transform:translateY(0)}.button-icon{font-size:1.125rem}.admin-opinion-page{background:var(--gray-50);min-height:100vh;padding:2rem}.admin-container{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;padding:2.5rem}.admin-header{border-bottom:2px solid var(--gray-100);margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.admin-header h1{color:var(--gray-900);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.admin-header p{color:var(--gray-500);font-size:1rem;margin:0}.error-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.error-alert{background:#ef44441a;border-left:4px solid var(--error);border-radius:var(--radius);color:var(--error);font-size:.875rem;margin-bottom:1.25rem;padding:.875rem 1rem}.filter-section{align-items:center;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.filter-section label{font-weight:500;white-space:nowrap}.filter-section label,.status-filter{color:var(--gray-700);font-size:.875rem}.status-filter{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.status-filter:hover{border-color:var(--primary-300)}.status-filter:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #0d94881a;outline:none}.refresh-button{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius);box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.loading-container{color:var(--gray-500);padding:3.75rem 1.25rem;text-align:center}.loading-container p{color:var(--gray-500);font-size:.9375rem;margin-top:1rem}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);display:inline-block;height:2.5rem;width:2.5rem}@keyframes spin{to{transform:rotate(1turn)}}.empty-container{color:var(--gray-400);padding:3.75rem 1.25rem;text-align:center}.opinions-list{display:flex;flex-direction:column;gap:1.25rem}.opinion-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;transition:all .2s ease}.opinion-card:hover{box-shadow:var(--shadow-md)}.opinion-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.opinion-id{color:var(--primary-500);font-size:1rem;font-weight:600}.status-badge{border-radius:.75rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.opinion-user-info{display:flex;font-size:.875rem;gap:1rem;margin-bottom:.75rem}.user-name{color:var(--gray-800);font-weight:600}.user-email{color:var(--gray-500)}.opinion-content{background:var(--gray-50);border-radius:var(--radius);color:var(--gray-700);font-size:.9375rem;line-height:1.5;margin-bottom:1rem;padding:.75rem;white-space:pre-wrap}.opinion-images{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.opinion-image{border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;max-height:200px;max-width:200px;object-fit:cover;transition:transform .2s ease}.opinion-image:hover{transform:scale(1.05)}.image-placeholder{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.75rem;height:200px;justify-content:center;width:200px}.image-placeholder,.opinion-meta{color:var(--gray-500);display:flex}.opinion-meta{flex-wrap:wrap;font-size:.8125rem;gap:1rem;margin-bottom:.75rem}.meta-item{display:flex;gap:.25rem}.meta-label{font-weight:600}.opinion-notes{background:#f59e0b1a;border-left:3px solid var(--warning);border-radius:var(--radius-sm);font-size:.875rem;margin-top:.75rem;padding:.75rem}.opinion-notes strong{color:var(--warning)}.opinion-notes p{color:var(--gray-700);margin:.5rem 0 0}.handle-button{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:var(--radius);box-shadow:0 2px 8px #0d94884d;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;transition:all .2s ease}.handle-button:hover{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1.25rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:1.25rem}.modal-header h2{color:var(--gray-900);font-size:1.25rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;transition:background .2s ease;width:2rem}.modal-close:hover{background:var(--gray-100)}.modal-body{padding:1.25rem}.modal-section{margin-bottom:1.25rem}.modal-section label{color:var(--gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.modal-section p{color:var(--gray-600);font-size:.875rem;margin:0}.content-display{background:var(--gray-50);border-radius:var(--radius);color:var(--gray-800);line-height:1.6;max-height:200px;overflow-y:auto;padding:.75rem;white-space:pre-wrap}.status-select{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-800);cursor:pointer;font-size:.875rem;padding:.625rem;transition:all .2s ease;width:100%}.status-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.notes-textarea{border:2px solid var(--gray-200);border-radius:var(--radius);font-family:inherit;font-size:.875rem;padding:.625rem;resize:vertical;transition:all .2s ease;width:100%}.notes-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.modal-footer{border-top:1px solid var(--gray-100);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem}.cancel-button,.save-button{border:none;border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.cancel-button{background:var(--gray-100);color:var(--gray-700)}.cancel-button:hover{background:var(--gray-200)}.save-button{background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);box-shadow:0 2px 8px #0d94884d;color:#fff}.save-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 4px 12px #0d948866;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.image-preview-overlay{animation:fadeIn .2s ease-out;background:#000000e6;bottom:0;left:0;padding:1.25rem;position:fixed;right:0;top:0;z-index:2000}.image-preview-content,.image-preview-overlay{align-items:center;display:flex;justify-content:center}.image-preview-content{max-height:95vh;max-width:95vw;position:relative}.image-preview-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;height:2.5rem;justify-content:center;position:absolute;right:0;top:-40px;transition:background .2s ease;width:2.5rem;z-index:10}.image-preview-close:hover{background:#ffffff4d}.image-preview-img{border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000080;max-height:95vh;max-width:100%;object-fit:contain}
/*# sourceMappingURL=main.7ef137b0.css.map*/