#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overscroll-behavior:none;padding:0}*,:after,:before{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;padding:0;transition:all .3s ease}.layout-main,.script-manager-container,.script-manager-content,body{background:#f8fafc;background:var(--theme-background,#f8fafc);color:#1e293b;color:var(--theme-text,#1e293b)}.editor textarea{border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0)}.action-buttons button,.editor textarea,.modal-overlay .modal,.toolbar button{background:#fff;background:var(--theme-card-bg,#fff);color:#1e293b;color:var(--theme-text,#1e293b)}.page-content{background:#f8fafc;background:var(--theme-background,#f8fafc);color:#1e293b;color:var(--theme-text,#1e293b)}button,input,textarea{background:#fff;background:var(--theme-card-bg,#fff);color:#1e293b;color:var(--theme-text,#1e293b)}input,textarea{border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.sidebar{background:#f8fafc;background:var(--sidebar-bg,var(--theme-background,#f8fafc));box-shadow:0 4px 20px #0000001a;box-shadow:var(--sidebar-shadow,0 4px 20px #0000001a);color:#1e293b;color:var(--sidebar-text,var(--theme-text,#1e293b));display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar.open{width:280px}.sidebar.closed{width:60px}.sidebar.closed:hover{box-shadow:0 6px 25px #0003;box-shadow:var(--sidebar-hover-shadow,0 6px 25px #0003)}.sidebar-loading{align-items:center;background:#f8fafc;background:var(--sidebar-bg,var(--theme-background,#f8fafc));box-shadow:2px 0 10px #0000001a;box-shadow:var(--sidebar-shadow,2px 0 10px #0000001a);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:60px;z-index:1000}.loading-pulse{animation:pulse 2s ease-in-out infinite;background:#3b82f6;background:var(--loading-pulse,var(--theme-accent,#3b82f6));border-radius:50%;box-shadow:0 4px 20px #3b82f64d;box-shadow:var(--loading-pulse-shadow,0 4px 20px #3b82f64d);height:40px;width:40px}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--sidebar-border,#ffffff1a);box-sizing:border-box;display:flex;flex-shrink:0;gap:0;height:60px;padding:0;position:relative}.sidebar-title{display:flex;flex-direction:column;gap:2px;height:40px;justify-content:center;margin-left:80px;transition:margin-left .3s ease}.sidebar.closed .sidebar-title{margin-left:0;opacity:0;pointer-events:none}.app-name{color:#1e293b;color:var(--app-name-color,var(--theme-text,#1e293b));font-size:16px;font-weight:700}.app-name,.app-subtitle{line-height:1.2;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.app-subtitle{color:#64748b;color:var(--app-subtitle-color,var(--theme-secondary-text,#64748b));font-size:10px;font-weight:400}.sidebar.closed .app-name,.sidebar.closed .app-subtitle{opacity:0;pointer-events:none;transform:translateX(-20px)}.hamburger-button{align-items:center;background:none;border:none;border-radius:0;cursor:pointer;display:flex;height:60px;justify-content:center;left:0;overflow:hidden;padding:0;position:absolute;position:relative;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.sidebar.closed .hamburger-button,.sidebar.open .hamburger-button{border-radius:0;height:60px;left:0;position:absolute;top:0;width:60px}.hamburger-button:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;background:var(--hamburger-hover-bg,#ffffff1a);box-shadow:0 4px 12px #0000001a;box-shadow:var(--hamburger-hover-shadow,0 4px 12px #0000001a);transform:translateY(-1px)}.sidebar.closed .hamburger-button:hover{background:#ffffff26;background:var(--hamburger-hover-bg,#ffffff26);box-shadow:0 2px 8px #0000001a;box-shadow:var(--hamburger-hover-shadow,0 2px 8px #0000001a);transform:none}.sidebar.open .hamburger-button:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--hamburger-hover-shadow,0 4px 12px #0000001a);transform:translateY(-1px)}.hamburger-icon{color:#1e293b;color:var(--hamburger-icon-color,var(--theme-text,#1e293b));filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-button:hover .hamburger-icon{color:#3b82f6;color:var(--hamburger-hover-color,var(--theme-accent,#3b82f6));filter:drop-shadow(0 2px 4px rgba(59,130,246,.3));transform:scale(1.1)}.hamburger-button.open .hamburger-icon{animation:hamburgerClose .3s ease-out}@keyframes hamburgerClose{0%{opacity:.5;transform:scale(.8) rotate(-90deg)}50%{opacity:.8;transform:scale(1.2) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.hamburger-button:not(.open) .hamburger-icon{animation:hamburgerOpen .3s ease-out}@keyframes hamburgerOpen{0%{opacity:.5;transform:scale(.8) rotate(90deg)}50%{opacity:.8;transform:scale(1.2) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.hamburger-button:active .hamburger-icon{transform:scale(.95);transition:transform .1s ease}.hamburger-button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);background:linear-gradient(90deg,#0000,var(--glass-shine,#ffffff40),#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.hamburger-button:hover:before{left:100%}.hamburger-button:after{background:#000c;background:var(--tooltip-bg,#000c);border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--tooltip-text,#fff);content:attr(data-tooltip);font-size:12px;left:100%;margin-left:10px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;white-space:nowrap;z-index:1000}.sidebar.closed .hamburger-button:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.nav-list{display:flex;flex-direction:column;gap:4px;list-style:none}.nav-item,.nav-list{margin:0;padding:0}.nav-link{align-items:center;border:1px solid #0000;border-radius:6px;color:#475569;color:var(--nav-text-color,var(--theme-secondary-text,#475569));display:flex;gap:10px;justify-content:space-between;margin:0 6px;overflow:hidden;padding:10px 12px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link,button.nav-link{box-sizing:border-box;cursor:pointer;width:calc(100% - 12px)}button.nav-link{background:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;vertical-align:initial}.nav-link:hover{background:#e2e8f0;background:var(--nav-hover-bg,var(--theme-border,#e2e8f0));color:#1e293b;color:var(--nav-hover-text,var(--theme-text,#1e293b));transform:translateY(-1px)}.nav-link.active{background:#3b82f6;background:var(--nav-active-bg,var(--theme-accent,#3b82f6));border:1px solid #3b82f6;border:1px solid var(--nav-active-border,var(--theme-accent,#3b82f6));color:#fff;color:var(--nav-active-text,var(--theme-text,#fff));font-weight:600}.nav-link.active:hover{background:#2563eb;background:var(--nav-active-hover-bg,var(--theme-accent,#2563eb));border:1px solid #2563eb;border:1px solid var(--nav-active-hover-border,var(--theme-accent,#2563eb));box-shadow:0 4px 12px #3b82f633;box-shadow:var(--nav-active-hover-shadow,0 4px 12px #3b82f633);color:#fff;color:var(--nav-active-hover-text,var(--theme-text,#fff));transform:translateY(-1px)}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;justify-content:center;min-width:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-text{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease;white-space:nowrap}.nav-arrow{color:#94a3b8;color:var(--nav-arrow-color,var(--theme-secondary-text,#94a3b8));flex-shrink:0;font-size:12px;transition:transform .3s ease}.nav-submenu{background:#0000;border-radius:8px;list-style:none;margin:4px 8px 0 24px;overflow:hidden;padding:0;transition:all .3s ease}.nav-subitem{margin:0;padding:0}.nav-sublink{align-items:center;border:1px solid #0000;border-radius:6px;color:#64748b;color:var(--nav-sub-text-color,var(--theme-secondary-text,#64748b));cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-sublink:hover{background:#e2e8f0;background:var(--nav-sub-hover-bg,var(--theme-border,#e2e8f0));color:#1e293b;color:var(--nav-sub-hover-text,var(--theme-text,#1e293b));transform:translateY(-1px)}.nav-sublink.active{background:#3b82f6;background:var(--nav-sub-active-bg,var(--theme-accent,#3b82f6));color:#fff;color:var(--nav-sub-active-text,var(--theme-text,#fff))}.nav-sublink.active:hover{background:#2563eb;background:var(--nav-sub-active-hover-bg,var(--theme-accent,#2563eb));color:#fff;color:var(--nav-sub-active-hover-text,var(--theme-text,#fff));transform:translateY(-1px)}.nav-subicon{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center;min-width:20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-sublink:hover .nav-subicon{transform:scale(1.1)}.nav-subtext{flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease;white-space:nowrap}.sidebar.closed .logout-text,.sidebar.closed .nav-arrow,.sidebar.closed .nav-submenu,.sidebar.closed .nav-subtext,.sidebar.closed .nav-text,.sidebar.closed .user-info{display:none}.sidebar.closed .sidebar-header{width:100%}.sidebar.closed .sidebar-header,.sidebar.open .sidebar-header{justify-content:flex-start;padding:0;position:relative}.sidebar-footer{align-items:flex-start;border-top:1px solid #ffffff1a;border-top:1px solid var(--sidebar-border,#ffffff1a);display:flex;flex-direction:column;flex-shrink:0;gap:12px}.sidebar-footer,.sidebar.closed .sidebar-footer{height:133px;margin-bottom:8px;padding:16px 0}.logout-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;box-sizing:border-box;color:#475569;color:var(--logout-text-color,var(--theme-secondary-text,#475569));cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;height:44px;justify-content:flex-start;margin:0 6px;overflow:hidden;padding:10px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 12px)}.logout-button:hover{background:#e2e8f0;background:var(--logout-hover-bg,var(--theme-border,#e2e8f0));border:1px solid #cbd5e1;border:1px solid var(--logout-hover-border,var(--theme-border,#cbd5e1));box-shadow:0 4px 12px #0000001a;box-shadow:var(--logout-hover-shadow,0 4px 12px #0000001a);color:#1e293b;color:var(--logout-hover-text,var(--theme-text,#1e293b));transform:translateY(-1px)}.logout-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;justify-content:center;min-width:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:hover .logout-icon{transform:scale(1.1)}.logout-text{flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.footer-user-section{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#475569;color:var(--user-text-color,var(--theme-secondary-text,#475569));cursor:pointer;display:flex;gap:10px;height:44px;justify-content:flex-start;margin:0 6px;overflow:hidden;padding:10px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:268px}.footer-user-section:hover{background:#e2e8f0;background:var(--user-hover-bg,var(--theme-border,#e2e8f0));box-shadow:0 4px 12px #0000001a;box-shadow:var(--user-hover-shadow,0 4px 12px #0000001a);color:#1e293b;color:var(--user-hover-text,var(--theme-text,#1e293b));transform:translateY(-1px)}.footer-user-avatar{align-items:center;background:#3b82f6;background:var(--user-avatar-bg,var(--theme-accent,#3b82f6));border-radius:50%;color:#fff;color:var(--user-avatar-text,#fff);display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:32px;justify-content:center;margin-left:-4px;min-width:20px;text-align:center;transition:transform .3s ease;width:32px}.footer-user-section:hover .footer-user-avatar{transform:scale(1.1)}.footer-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.footer-user-name{color:#1e293b;color:var(--user-name-color,var(--theme-text,#1e293b));font-size:14px;font-weight:600}.footer-user-email,.footer-user-name{line-height:1.2;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.footer-user-email{color:#64748b;color:var(--user-email-color,var(--theme-secondary-text,#64748b));font-size:12px}.sidebar.closed .footer-user-section,.sidebar.closed .logout-button{border-radius:8px;height:46px;justify-content:flex-start;margin:0 6px;min-width:48px;padding:10px 12px;width:48px}.sidebar.closed .footer-user-avatar,.sidebar.closed .logout-icon{flex-shrink:0;font-size:18px;min-width:20px;text-align:center}.sidebar.closed .logout-icon{margin-left:2px}@media (max-width:768px){.sidebar.open{max-width:320px;width:100%}.sidebar.closed{width:60px}.hamburger-button{min-width:44px;padding:10px}.nav-link{padding:12px 16px}.nav-icon{font-size:20px;min-width:24px}}.sidebar-nav{scrollbar-color:#ffffff4d #0000;scrollbar-color:var(--scrollbar-color,#ffffff4d) #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;background:var(--scrollbar-color,#ffffff4d);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80;background:var(--scrollbar-hover-color,#ffffff80)}.footer-user-section:before,.hamburger-button:before,.logout-button:before,.nav-link:before,.nav-sublink:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);background:linear-gradient(90deg,#0000,var(--glass-shine,#ffffff40),#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.sidebar[data-theme="Forest Serenity"] .footer-user-section:before,.sidebar[data-theme="Forest Serenity"] .hamburger-button:before,.sidebar[data-theme="Forest Serenity"] .logout-button:before,.sidebar[data-theme="Forest Serenity"] .nav-link:before,.sidebar[data-theme="Forest Serenity"] .nav-sublink:before,.sidebar[data-theme="Modern Light"] .footer-user-section:before,.sidebar[data-theme="Modern Light"] .hamburger-button:before,.sidebar[data-theme="Modern Light"] .logout-button:before,.sidebar[data-theme="Modern Light"] .nav-link:before,.sidebar[data-theme="Modern Light"] .nav-sublink:before{background:linear-gradient(90deg,#0000,#0000001a,#0000)}.sidebar[data-theme="Professional Dark"] .footer-user-section:before,.sidebar[data-theme="Professional Dark"] .hamburger-button:before,.sidebar[data-theme="Professional Dark"] .logout-button:before,.sidebar[data-theme="Professional Dark"] .nav-link:before,.sidebar[data-theme="Professional Dark"] .nav-sublink:before{background:linear-gradient(90deg,#0000,#fff3,#0000)}.sidebar[data-theme="Ocean Breeze"] .footer-user-section:before,.sidebar[data-theme="Ocean Breeze"] .hamburger-button:before,.sidebar[data-theme="Ocean Breeze"] .logout-button:before,.sidebar[data-theme="Ocean Breeze"] .nav-link:before,.sidebar[data-theme="Ocean Breeze"] .nav-sublink:before,.sidebar[data-theme="Warm Sunset"] .footer-user-section:before,.sidebar[data-theme="Warm Sunset"] .hamburger-button:before,.sidebar[data-theme="Warm Sunset"] .logout-button:before,.sidebar[data-theme="Warm Sunset"] .nav-link:before,.sidebar[data-theme="Warm Sunset"] .nav-sublink:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000)}.footer-user-section:hover:before,.hamburger-button:hover:before,.logout-button:hover:before,.nav-link:hover:before,.nav-sublink:hover:before{left:100%}.logout-icon svg,.nav-arrow svg,.nav-icon svg,.nav-subicon svg{fill:currentColor;stroke:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.nav-link:hover .nav-icon svg,.nav-sublink:hover .nav-subicon svg{transform:scale(1.15) rotate(5deg)}.nav-link.active .nav-icon svg,.nav-sublink.active .nav-subicon svg{fill:#3b82f6;fill:var(--nav-active-text,var(--theme-accent,#3b82f6));animation:iconPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(59,130,246,.4))}.logout-button:hover .logout-icon svg{fill:#ef4444;fill:var(--logout-hover-color,#ef4444);filter:drop-shadow(0 2px 4px rgba(239,68,68,.3));transform:scale(1.15) rotate(-5deg)}.nav-arrow svg{height:14px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:14px}.nav-link:hover .nav-arrow svg{fill:#3b82f6;fill:var(--nav-hover-text,var(--theme-accent,#3b82f6));transform:scale(1.1)}@keyframes iconPulse{0%,to{filter:drop-shadow(0 2px 4px rgba(59,130,246,.4));transform:scale(1)}50%{filter:drop-shadow(0 3px 6px rgba(59,130,246,.6));transform:scale(1.05)}}.logout-icon,.nav-icon,.nav-subicon{align-items:center;display:flex;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover .nav-icon:before,.nav-sublink:hover .nav-subicon:before{background:#3b82f61a;background:var(--icon-hover-bg,#3b82f61a);transform:scale(0)}.nav-link.active .nav-icon:before,.nav-link:hover .nav-icon:before,.nav-sublink.active .nav-subicon:before,.nav-sublink:hover .nav-subicon:before{border-radius:50%;content:"";height:32px;position:absolute;transform:scale(1);transition:transform .3s cubic-bezier(.4,0,.2,1);width:32px;z-index:-1}.nav-link.active .nav-icon:before,.nav-sublink.active .nav-subicon:before{animation:iconBgPulse 2s ease-in-out infinite;background:#3b82f626;background:var(--icon-active-bg,#3b82f626)}@keyframes iconBgPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.1)}}.nav-icon svg,.nav-subicon svg{fill:#64748b;fill:var(--nav-icon-color,var(--theme-text,#64748b));filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover .nav-icon svg,.nav-sublink:hover .nav-subicon svg{fill:#3b82f6;fill:var(--nav-hover-text,var(--theme-accent,#3b82f6));filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.nav-icon:after,.nav-subicon:after{background:#000c;background:var(--tooltip-bg,#000c);border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--tooltip-text,#fff);content:attr(data-tooltip);font-size:12px;left:100%;margin-left:10px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;white-space:nowrap;z-index:1000}.sidebar.closed .nav-icon:hover:after,.sidebar.closed .nav-subicon:hover:after{opacity:1;transform:translateY(-50%) translateX(0)}.nav-icon svg,.nav-subicon svg{animation:iconLoad .6s ease-out}@keyframes iconLoad{0%{opacity:0;transform:scale(.5) rotate(-180deg)}50%{opacity:.7;transform:scale(1.1) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.nav-link:hover .nav-icon,.nav-sublink:hover .nav-subicon{box-shadow:0 4px 12px #00000026;transform:perspective(100px) rotateY(10deg) translateZ(5px)}.nav-icon:active,.nav-subicon:active{transform:scale(.95);transition:transform .1s ease}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.login-card{animation:slideInUp .8s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:420px;padding:40px;position:relative;width:100%;z-index:1}.login-logo{margin-bottom:30px;text-align:center}.logo-icon{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:20px;box-shadow:0 8px 32px #00d4aa4d;display:flex;height:80px;justify-content:center;margin:0 auto 20px;overflow:hidden;position:relative;width:80px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#09c);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:28px;font-weight:700;letter-spacing:1px;margin:0}.login-subtitle{color:#718096;font-size:14px;font-weight:400;margin-top:8px}.login-form{width:100%}.form-group{margin-bottom:20px;position:relative}.input-with-icon{align-items:center;display:flex;position:relative;width:100%}.input-icon{color:#a0aec0;font-size:18px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:2}.form-input{background:#fffc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:16px;outline:none;padding:16px 20px 16px 48px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#00d4aa;box-shadow:0 0 0 3px #00d4aa1a}.form-input:focus+.input-icon{color:#00d4aa}.form-input.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.form-input::placeholder{color:#a0aec0;font-weight:400}.password-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#a0aec0;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.password-toggle:hover{background:#00d4aa1a;color:#00d4aa}.password-toggle svg{height:18px;width:18px}.login-button{align-items:center;background:linear-gradient(135deg,#00d4aa,#09c);border:none;border-radius:12px;box-shadow:0 4px 20px #00d4aa4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.login-button:hover .button-icon{transform:translateX(2px)}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:0 8px 30px #00d4aa66;transform:translateY(-2px)}.login-button:disabled{box-shadow:0 4px 20px #00d4aa33!important;cursor:not-allowed;opacity:.6;transform:none!important}.error-message{animation:shake .5s ease-in-out;background:#e53e3e1a;border:1px solid #e53e3e33;border-radius:8px;color:#e53e3e;font-size:14px;margin-bottom:20px;padding:16px}.error-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.error-icon{color:#e53e3e;flex-shrink:0;font-size:16px}.error-text{flex:1 1;font-weight:500;text-align:center}.error-details-toggle{background:none;border:none;border-radius:4px;color:#e53e3e;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.error-details-toggle:hover{background:#e53e3e1a;transform:scale(1.1)}.error-details{border-top:1px solid #e53e3e33;margin-top:8px;padding-top:12px}.error-details p{color:#c53030;line-height:1.5;margin:0 0 12px}.error-help{background:#e53e3e0d;border-left:3px solid #e53e3e;border-radius:6px;color:#c53030;font-size:12px;line-height:1.6;padding:12px}.error-help strong{color:#e53e3e}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-links{color:#718096;font-size:14px;margin-top:25px;text-align:center}.login-link{color:#00d4aa;font-weight:500;margin:0 8px;text-decoration:none;transition:all .3s ease}.login-link:hover{color:#09c;text-decoration:underline}@media (max-width:480px){.login-container{padding:16px}.login-card{border-radius:16px;padding:30px 24px}.logo-icon{height:60px;width:60px}.login-title{font-size:24px}.form-input{font-size:16px;padding:14px 16px}.login-button{font-size:16px;padding:14px}}@media (prefers-reduced-motion:reduce){.form-input,.login-button,.login-card,.login-container:before{animation:none;transition:none}.login-button:before{display:none}.login-button:hover{transform:none}}@media (prefers-contrast:high){.form-input,.login-card{border:2px solid #2d3748}.login-button{border:2px solid #00d4aa}}.version-info{border-top:1px solid #71809633;margin-top:20px;padding-top:15px;text-align:center}.version-text{color:#a0aec0;font-size:12px;font-weight:400;opacity:.8;transition:opacity .3s ease}.version-text:hover{color:#718096;opacity:1}.home-container{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e0e7f0);background:var(--theme-background,linear-gradient(135deg,#f0f4f8,#e0e7f0));box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow:hidden;padding:20px;transition:background .3s ease;width:100%}.home-title{animation:fadeIn 1s ease-in;color:#1a2a6c;color:var(--theme-text,#1a2a6c);font-size:clamp(24px,5vw,40px);font-weight:700;letter-spacing:2px;margin-bottom:40px;text-align:center;text-shadow:2px 2px 8px #0000001a;transition:color .3s ease}.home-loading{animation:pulse 1.5s infinite;color:#7f8c8d;font-size:18px}.home-error{animation:fadeIn 1s ease-in;background:#ffebee;border-radius:8px;color:#c0392b;font-size:18px;padding:10px 20px}.home-grid{grid-gap:28px;animation:slideUp .8s ease-out;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);max-width:100%;width:100%}.home-card{background:linear-gradient(135deg,#fff,#f0f4f8);background:var(--theme-card-bg,linear-gradient(135deg,#fff,#f0f4f8));height:auto;min-height:300px;overflow-y:auto;transition:transform .3s ease,background .3s ease}.home-card,.home-devflow-card{border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:24px}.home-devflow-card{background:#fff;background:var(--theme-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0);color:#1a2a6c;color:var(--theme-text,#1a2a6c);transition:background .3s,color .3s,border-color .3s}.home-card-header{align-items:center;border-bottom:2px solid #3b82f6;border-bottom:2px solid var(--theme-accent,#3b82f6);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:8px}.home-devflow-card .home-card-title{border-bottom:none;color:#1a2a6c;color:var(--theme-text,#1a2a6c);font-size:20px;font-weight:600;margin-bottom:0;padding-bottom:0;transition:color .3s ease,border-color .3s ease}.home-empty-card{background:#0000;border:1px dashed #d0d9e5;box-shadow:none;grid-column:auto;grid-row:auto}.home-card-title{border-bottom:2px solid #2e4a9e;border-bottom:2px solid var(--theme-accent,#2e4a9e);color:#2e4a9e;color:var(--theme-accent,#2e4a9e);font-size:20px;font-weight:600;margin-bottom:15px;padding-bottom:5px;transition:color .3s ease,border-color .3s ease}.home-no-data{background:#f9fbfd;background:var(--theme-card-bg,#f9fbfd);border-radius:6px;color:#7f8c8d;color:var(--theme-secondary-text,#7f8c8d);font-size:14px;padding:10px;text-align:center;transition:color .3s ease,background .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{width:0}to{width:100%}}@media (max-width:1024px){.home-grid{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.home-grid{gap:20px;grid-template-columns:1fr}.home-card{min-height:250px}.home-devflow-card{grid-column:1/2;grid-row:1/2}.home-tab-nav{flex-wrap:nowrap}.home-empty-card{display:none}}.home-inprogress-table-container{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:360px!important;overflow:hidden;overflow-y:auto!important}.home-inprogress-table{border-collapse:collapse;font-size:14px}.home-inprogress-table th{font-weight:600;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.home-inprogress-table th:hover{background-color:#3b82f61a!important}.home-inprogress-table td{transition:background-color .2s ease;vertical-align:middle}.home-inprogress-table tbody tr{animation:fadeInRow .3s ease-in-out;animation-fill-mode:both}.home-inprogress-table tbody tr:nth-child(odd):hover{background-color:#3b82f60d!important}.home-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;transition:all .2s ease}.home-status-badge:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.home-date-cell{color:#64748b;color:var(--theme-secondary-text,#64748b);font-family:Courier New,monospace;font-size:13px;white-space:nowrap}@keyframes fadeInRow{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-inprogress-table{font-size:12px}.home-inprogress-table td,.home-inprogress-table th{padding:8px 4px}.home-status-badge{font-size:10px;padding:2px 6px}.home-date-cell{font-size:11px}}.home-inprogress-table tbody tr:nth-child(2n){background-color:#00000005}.home-inprogress-table tbody tr:nth-child(2n):hover{background-color:#3b82f60d!important}.home-tooltip{cursor:help;position:relative}.home-tooltip:hover:after{background-color:#000c;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.home-inprogress-table-container .home-empty-state{color:#64748b;color:var(--theme-secondary-text,#64748b);font-style:italic;padding:40px 20px;text-align:center}.home-inprogress-table-container.home-loading{opacity:.6;pointer-events:none}.home-inprogress-table-container::-webkit-scrollbar{display:block!important;width:8px!important}.home-inprogress-table-container::-webkit-scrollbar-track{background:#0000000d!important;border-radius:4px!important;margin:4px 0!important}.home-inprogress-table-container::-webkit-scrollbar-thumb{background:#3b82f6!important;background:var(--theme-accent,#3b82f6)!important;border-radius:4px!important;min-height:40px!important;-webkit-transition:background .2s ease!important;transition:background .2s ease!important}.home-inprogress-table-container::-webkit-scrollbar-thumb:hover{background:#2563eb!important;background:var(--theme-accent-hover,#2563eb)!important}.home-inprogress-table-container{scrollbar-color:#3b82f6 #0000000d;scrollbar-color:var(--theme-accent,#3b82f6) #0000000d;scrollbar-width:thin}.home-inprogress-table thead{background:#f8fafc;background:var(--theme-subtle-surface-bg,#f8fafc);position:sticky;top:0;z-index:10}.home-devflow-card.home-completed-card{border-color:#e2e8f0;border-color:var(--theme-border,#e2e8f0)}.home-devflow-card.home-completed-card .home-card-title{color:#1a2a6c;color:var(--theme-text,#1a2a6c)}.home-devflow-card.home-completed-card .home-inprogress-table-container{border-color:#e2e8f0;border-color:var(--theme-border,#e2e8f0)}.home-devflow-card.home-completed-card .home-inprogress-table-container::-webkit-scrollbar-thumb{background:#27ae60!important}.home-devflow-card.home-completed-card .home-inprogress-table-container::-webkit-scrollbar-thumb:hover{background:#229954!important}.home-devflow-card.home-completed-card .home-inprogress-table-container{scrollbar-color:#27ae60 #0000000d}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:hover{background-color:#27ae600d!important}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:hover td{background-color:initial}.home-completed-status-badge{background-color:#27ae60!important;color:#fff!important}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr{animation:fadeInCompleted .4s ease-in-out;animation-fill-mode:both}@keyframes fadeInCompleted{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:first-child{animation-delay:.1s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(2){animation-delay:.2s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(3){animation-delay:.3s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(4){animation-delay:.4s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(5){animation-delay:.5s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(6){animation-delay:.6s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(7){animation-delay:.7s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(8){animation-delay:.8s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(9){animation-delay:.9s}.home-devflow-card.home-completed-card .home-inprogress-table tbody tr:nth-child(10){animation-delay:1s}@media (max-width:768px){.home-inprogress-table-container{max-height:250px}.home-inprogress-table-container::-webkit-scrollbar{width:6px}.home-inprogress-table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-width:480px){.home-inprogress-table-container{max-height:200px}}.home-inprogress-table-container::-webkit-scrollbar-thumb{-webkit-transition:all .3s ease;transition:all .3s ease}.home-inprogress-table-container:hover::-webkit-scrollbar-thumb{background:#2563eb;background:var(--theme-accent-hover,#2563eb)}.home-inprogress-table-container:active::-webkit-scrollbar-thumb{background:#3b82f6;background:var(--theme-accent,#3b82f6);transform:scale(1.1)}.home-inprogress-table tbody tr{transition:all .2s ease}.home-inprogress-table-container:not(:hover) .home-inprogress-table tbody tr:hover{background-color:initial}.home-status-label{align-items:center;color:#1a2a6c;color:var(--theme-text,#1a2a6c);display:inline-flex;font-size:13px;font-weight:600;gap:8px}.home-status-label .home-status-dot{background-color:#3b82f6;background-color:var(--status-color,#3b82f6);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color,#3b82f6) 20%,#0000);height:10px;width:10px}@supports not (color-mix(in srgb,red,white)){.home-status-label .home-status-dot{box-shadow:none}}.home-status-label span{color:inherit}.loading-spinner{color:#fffc;color:var(--theme-text,#fffc)}.navigator-container{align-items:flex-start;animation:fadeInUp .6s ease-out;background:#f8fafc;background:var(--theme-background,#f8fafc);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.navigator-content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 8px 40px #00000014;margin:0 auto;max-width:1200px;padding:40px 32px;transition:all .3s ease;width:100%}.navigator-header{animation:slideInDown .8s ease-out;margin-bottom:40px;text-align:center}.navigator-title{color:#1e293b;color:var(--theme-text,#1e293b);font-size:clamp(28px,5vw,42px);font-weight:700;margin:0 0 12px;transition:color .3s ease}.navigator-subtitle{color:#64748b;color:var(--theme-secondary-text,#64748b);font-size:clamp(16px,2.5vw,20px);font-weight:400;margin:0;transition:color .3s ease}.tools-container{animation:slideInUp .8s ease-out .2s both;display:flex;flex-direction:column;gap:40px}.features-section{animation:cardFadeIn .6s ease-out}.features-title{color:#1e293b;color:var(--theme-text,#1e293b);font-size:clamp(20px,4vw,28px);font-weight:700;margin:0 0 30px;transition:color .3s ease}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(280px,1fr));justify-content:flex-start;margin-bottom:20px}.feature-card{align-items:center;background:#fff;background:var(--theme-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0);border-radius:16px;box-shadow:0 4px 16px #00000014;color:#1e293b;color:var(--theme-text,#1e293b);cursor:pointer;display:flex;gap:20px;min-height:120px;overflow:hidden;padding:24px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#3b82f6;border-color:var(--theme-accent,#3b82f6);box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.card-icon{align-items:center;background:#f1f5f9;background:var(--theme-icon-bg,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--theme-icon-border,#e2e8f0);border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-shrink:0;height:60px;justify-content:center;transition:all .3s ease;width:60px}.card-icon:hover{background:#3b82f6;background:var(--theme-accent,#3b82f6);border-color:#3b82f6;border-color:var(--theme-accent,#3b82f6);box-shadow:0 6px 20px #3b82f633;transform:scale(1.05)}.card-icon img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:32px;object-fit:contain;transition:all .3s ease;width:32px}.card-icon:hover img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:scale(1.1)}.card-content{flex:1 1;min-width:0}.card-content h3{color:#1e293b;color:var(--theme-text,#1e293b);font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px;transition:color .3s ease}.card-content p{color:#64748b;color:var(--theme-secondary-text,#64748b);font-size:14px;line-height:1.4;margin:0;transition:color .3s ease}.navigator-container .admin-section{margin-top:20px}.navigator-container .admin-title{color:#fff;color:var(--theme-text,#fff);font-weight:700}.navigator-container .admin-grid{grid-template-columns:repeat(3,minmax(280px,1fr));justify-content:flex-start}.navigator-container .admin-card{background:#ffffff26;background:var(--theme-card-bg,#ffffff26);border:1px solid #ffffff4d;border:1px solid var(--theme-border,#ffffff4d);box-shadow:0 4px 16px #0000001f}.navigator-container .admin-card:hover{background:#fff3;background:var(--theme-card-hover-bg,#fff3);border-color:#fff6;border-color:var(--theme-accent,#fff6);box-shadow:0 8px 32px #00000026}.navigator-container .admin-card .card-content h3{color:#fff;color:var(--theme-text,#fff)}.navigator-container .admin-card .card-content p{color:#fffc;color:var(--theme-secondary-text,#fffc)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.navigator-container{padding:16px}.navigator-content{border-radius:16px;padding:24px 16px}.navigator-header{margin-bottom:30px}.tools-container{gap:30px}.feature-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{gap:16px;min-height:100px;padding:20px}.card-icon{height:50px;width:50px}.card-icon img{height:28px;width:28px}.card-content h3{font-size:16px}.card-content p{font-size:13px}}@media (max-width:480px){.navigator-container{padding:12px}.navigator-content{border-radius:12px;padding:20px 12px}.feature-grid{grid-template-columns:1fr}.feature-card{gap:12px;min-height:90px;padding:16px}.card-icon{height:45px;width:45px}.card-icon img{height:24px;width:24px}.card-content h3{font-size:15px}.card-content p{font-size:12px}}@media (prefers-reduced-motion:reduce){.card-icon,.feature-card,.navigator-container,.navigator-content{animation:none;transition:none}.feature-card:before{display:none}}@media (prefers-contrast:high){.feature-card,.navigator-content{border:2px solid;border:2px solid var(--theme-text,currentColor)}}.not-found-container{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px;transition:all .3s ease}.not-found-content{animation:fadeInUp .6s ease-out;border-radius:20px;box-shadow:0 20px 40px #0000001a,0 8px 32px #0000001a;max-width:500px;padding:60px 40px;text-align:center;transition:all .3s ease;width:100%}.not-found-icon{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.not-found-title{font-size:72px;font-weight:700;margin:0 0 10px;text-shadow:0 4px 8px #0000004d;transition:all .3s ease}.not-found-subtitle{font-size:24px;font-weight:600;margin:0 0 15px;transition:color .3s ease}.not-found-description{font-size:16px;line-height:1.6;margin:0 0 40px;transition:color .3s ease}.not-found-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.not-found-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.not-found-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.not-found-button:hover:before{left:100%}.not-found-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.not-found-button:hover:not(:disabled){box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.not-found-button:hover:not(:disabled) .button-icon{transform:scale(1.1)}.not-found-button:disabled .button-icon{animation:pulse 1.5s infinite}.not-found-container,.not-found-content,.not-found-description,.not-found-subtitle,.not-found-title{transition:all .3s ease}@media (max-width:768px){.not-found-content{margin:20px;padding:40px 20px}.not-found-title{font-size:56px}.not-found-subtitle{font-size:20px}.not-found-actions{align-items:center;flex-direction:column}.not-found-button{max-width:200px;width:100%}}@media (prefers-reduced-motion:reduce){.not-found-content,.not-found-icon{animation:none}.not-found-button:before{display:none}.not-found-button:hover:not(:disabled),.not-found-button:hover:not(:disabled) .button-icon{transform:none}}@media (prefers-contrast:high){.not-found-button,.not-found-content{border:2px solid}}@media print{.not-found-container{background:#fff!important;color:#000!important}.not-found-actions{display:none}}.script-manager-container{background-color:initial;background-color:var(--sm-container-bg,#0000);display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;padding:15px 15px 9px 10px;position:relative;z-index:1}.script-manager-content{color:#333;color:var(--sm-text,#333);flex:1 1;min-height:0;overflow:hidden}.script-manager-content,.script-sidebar{background:#0000;display:flex;position:relative}.script-sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-backdrop-filter:var(--sm-blur,none);backdrop-filter:var(--sm-blur,none);flex-direction:column;flex-shrink:0;margin-left:5px;margin-right:10px;min-height:100%;width:300px;z-index:2}.script-sidebar-header{border-radius:5px 5px 0 0;color:#333;color:var(--sm-text,#333);font-size:20px;font-weight:700}.script-sidebar-header,.search-bar{align-items:center;background:#0000;display:flex;flex-shrink:0;height:40px;padding:5px}.search-bar{gap:5px}.search-bar input{border:1px solid #ccc;border:1px solid var(--sm-border,#ccc);border-radius:3px;font-size:14px;height:24px;padding:3px 5px;width:150px}.search-option{background:#e8e8e8;background:var(--sm-subtle-surface,#e8e8e8);border-radius:3px;color:#333;color:var(--sm-text,#333);cursor:pointer;font-size:12px;font-weight:700;height:20px;line-height:20px;text-align:center;transition:background .2s,color .2s;width:20px}.search-option.active{background:#0078d7;background:var(--sm-accent,#0078d7);color:#fff}.search-bar [class^=search-option]:not(.active){background:#e8e8e8;background:var(--sm-subtle-surface,#e8e8e8);color:#333;color:var(--sm-text,#333)}.script-list{background-color:#fff;background-color:var(--sm-surface,#fff)}.script-list,.settings-list{border:1px solid #ccc;border:1px solid var(--sm-border,#ccc);flex:1 1;min-height:0;overflow:auto}.settings-list{background-color:#fff;background-color:var(--sm-subtle-surface,#fff)}.script-list ul{list-style:none;margin:0;padding:0}.script-list li,.script-list ul{box-sizing:border-box;width:100%}.script-list li{border-bottom:1px solid #ddd;border-bottom:1px solid var(--sm-border,#ddd);cursor:pointer;padding:5px;white-space:normal}.script-list li:hover:not(.selected){background:#f5f5f5;background:var(--sm-subtle-surface,#f5f5f5);color:#333;color:var(--sm-text,#333)}.script-list li.selected{background:#0078d7;background:var(--sm-accent,#0078d7);color:#fff}.script-name{margin-bottom:2px;overflow-wrap:break-word;padding:2px 0;width:100%}.script-list li input,.script-name{box-sizing:border-box;font-size:14px;font-weight:700}.script-list li input{border:1px solid #ccc;border-radius:3px;margin:0;padding:2px 5px;width:90%}.tag-container{align-items:center;background:#0000!important;color:#333;color:var(--sm-text,#333);display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;width:100%}.existing-tags .tag-with-remove,.existing-tags span,.tag-container span{align-items:center;background:#e8e8e8;background:var(--sm-tag-bg,var(--sm-subtle-surface,#e8e8e8));border:1px solid #0000;border:1px solid var(--sm-tag-border,#0000);border-radius:3px;box-sizing:border-box;color:#333;color:var(--sm-tag-text,var(--sm-text,#333));cursor:default;display:flex;font-size:12px;height:17.61px;padding:2px 8px;white-space:nowrap}.script-list li.selected .tag-container span{background:#fffffff2!important;border:1px solid #fff6;box-shadow:0 1px 3px #00000026;color:#333!important}.script-count{align-items:center;background:#0000;color:#333;color:var(--sm-text,#333);display:flex;flex-shrink:0;font-size:12px;height:30px;line-height:20px;padding:5px}.main-content{background-color:initial;display:flex;flex:1 1;flex-direction:column;min-height:0}.script-manager-container .toolbar{background:#0000!important;border:none;color:#333;color:var(--sm-text,#333)}.script-manager-container .toolbar,.settings-toolbar{align-items:center;display:flex;flex-shrink:0;gap:5px;height:40px;justify-content:flex-end;padding:5px}.settings-toolbar{margin-bottom:40px}.action-buttons button,.toolbar button{align-items:center;background:#ffffff26;background:var(--sm-icon-bg,#ffffff26);border:1px solid #ffffff40;border:1px solid var(--sm-icon-border,#ffffff40);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;color:#fff;color:var(--sm-icon-color,var(--sm-contrast-on-accent,#fff));cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;line-height:1;margin-left:0;text-align:center;transition:all .15s ease;width:32px}.action-buttons button:hover,.toolbar button:hover{background:#ffffff40;background:var(--sm-icon-hover-bg,#ffffff40);border-color:#ffffff59;box-shadow:0 2px 6px #0003;transform:translateY(-1px)}.export-csv,.import-csv{background-color:#3b82f6;background-color:var(--sm-accent,#3b82f6)}.options{background-color:#6c757d;background-color:var(--sm-border,#6c757d)}.script-manager-container .tag-bar{align-items:center;background:#0000!important;border:none;color:#333;color:var(--sm-text,#333);display:flex;flex-shrink:0;gap:10px;height:40px;justify-content:flex-end;padding:5px}.tag-input{align-items:center;display:flex;flex:1 1;gap:5px;justify-content:flex-start;min-width:0;overflow:hidden;position:relative}.tag-input input{flex-shrink:0;font-size:14px;height:24px;padding:3px 5px}.tag-input input,.tag-suggestions{border:1px solid #ccc;border:1px solid var(--sm-border,#ccc);border-radius:3px;width:150px}.tag-suggestions{background:#fff;background:var(--sm-subtle-surface,#fff);left:0;max-height:150px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.tag-suggestions div{background:#0000;cursor:pointer;padding:2px 5px}.tag-suggestions div:hover{background:#0078d7;background:var(--sm-accent,#0078d7);color:#fff}.existing-tags{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-left:5px;min-width:0;overflow:hidden}@media (max-width:1200px){.tag-input input{width:120px}}@media (max-width:1000px){.tag-input input{width:100px}.script-manager-container .tag-bar{gap:5px}}.existing-tags .tag-with-remove{align-items:center;display:flex;gap:4px;padding:2px 8px;position:relative}.existing-tags .tag-with-remove span{flex:1 1;font-size:12px;white-space:nowrap}.existing-tags .tag-with-remove:hover{background:#d8d8d8;background:var(--sm-tag-hover-bg,var(--sm-subtle-surface,#d8d8d8));color:#333;color:var(--sm-tag-text,var(--sm-text,#333));transition:background .2s,color .2s}.existing-tags .tag-with-remove:hover .remove-tag{background:#0000;color:#333;color:var(--sm-tag-text,var(--sm-text,#333))}.tag-container span:hover{background:#d8d8d8;background:var(--sm-tag-hover-bg,var(--sm-subtle-surface,#d8d8d8));color:#333;color:var(--sm-tag-text,var(--sm-text,#333));transition:background .2s,color .2s}.remove-tag{align-items:center;border:none;border-radius:2px;box-sizing:border-box;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:16px;margin:0;padding:0;text-align:center;transition:all .2s ease;width:16px}.remove-tag,.remove-tag:hover{background:#0000;color:#333;color:var(--sm-tag-text,var(--sm-text,#333))}.action-buttons{display:flex;flex-shrink:0;gap:5px;margin-left:auto;position:relative;z-index:10}.copy-script,.duplicate-script,.export-sql,.new-script{background-color:#3b82f6;background-color:var(--sm-accent,#3b82f6)}.delete-script{background-color:#dc3545}.editor{overflow:hidden}.editor,.settings-editor{background-color:#fff;background-color:var(--sm-subtle-surface,#fff);border:1px solid #ccc;border:1px solid var(--sm-border,#ccc);flex:1 1;min-height:0}.settings-editor{overflow:auto;padding:10px}.editor .monaco-editor,.editor .monaco-editor .inputarea,.editor .monaco-editor .margin,.editor .monaco-editor-background{background-color:initial!important}.editor .monaco-editor,.editor .monaco-editor *,.editor .monaco-editor :after,.editor .monaco-editor :before{border:none!important;box-shadow:none!important;outline:none!important}.editor .monaco-editor .margin{border-right:1px solid #e0e0e0!important;border-right:1px solid var(--sm-border,#e0e0e0)!important}.editor .monaco-editor .margin,.editor .monaco-editor .margin-view-overlays{background-color:#f5f5f5!important;background-color:var(--sm-subtle-surface,#f5f5f5)!important}.editor .monaco-editor .line-numbers{color:#666!important;color:var(--sm-secondary,#666)!important}.editor .monaco-editor .inputarea{background-color:initial!important}.script-manager-container .status-bar{align-items:center;background:#0000!important;border:none;color:#333;color:var(--sm-text,#333);display:flex;flex-shrink:0;height:30px;justify-content:flex-end;padding:5px}.message{color:green;color:var(--sm-accent,green);font-size:14px}.last-update{color:#555;color:var(--sm-secondary,#555);font-size:12px;margin-left:auto}.script-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.script-modal{align-items:center;background:#fff;background:var(--sm-subtle-surface,#fff);border-radius:5px;display:flex;flex-direction:column;padding:20px;text-align:center;width:300px}.script-modal-format{color:#666;font-size:12px;line-height:1.2;margin-bottom:3px;text-align:left;width:100%}.script-modal input{border:1px solid #ccc;border:1px solid var(--sm-border,#ccc);border-radius:3px;display:block;font-size:14px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:5px;text-align:left;width:80%}.script-modal-buttons{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.script-confirm{background:#007bff;background:var(--sm-accent,#007bff);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;margin:0 5px;outline:none;padding:5px 15px;transition:background .2s}.script-confirm:focus{outline:2px solid #1976d2;outline:2px solid var(--sm-accent,#1976d2);outline-offset:2px}.script-confirm:disabled{background:#a0c8f7;cursor:not-allowed}.script-cancel{background:#6c757d;background:var(--sm-border,#6c757d);border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;margin:0 5px;outline:none;padding:5px 15px;transition:background .2s}.script-cancel:focus{outline:2px solid #1976d2;outline:2px solid var(--sm-accent,#1976d2);outline-offset:2px}.script-cancel:disabled{background:#b0b3b7;cursor:not-allowed}.color-picker-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.color-picker-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;width:320px}.color-picker-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.color-picker-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.color-picker-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.color-picker-close:hover{background-color:#e0e0e0}.color-picker-content{padding:20px}.color-preview{margin-bottom:20px}.color-preview-container{display:flex;gap:20px;justify-content:center}.color-preview-section{align-items:center;display:flex;flex-direction:column;gap:8px;min-width:80px}.color-label{color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.color-display{border:2px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 4px #0000001a;height:40px;width:60px}.new-color{border-color:#0078d7;box-shadow:0 0 0 2px #0078d733,0 2px 4px #0000001a}.current-color{border-color:#6c757d;opacity:.9}.color-hex{background:#f5f5f5;border-radius:3px;color:#666;font-family:monospace;font-size:11px;min-width:60px;padding:2px 6px;text-align:center}.hex-input:focus{border-color:#0078d7;box-shadow:0 0 0 2px #0078d733;outline:none}.color-controls{margin-bottom:20px}.control-group{margin-bottom:16px}.control-group label{color:#555;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.hue-slider{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(90deg,red 0,#ff8000 8.33%,#ff0 16.67%,#80ff00 25%,#0f0 33.33%,#00ff80 41.67%,#0ff 50%,#0080ff 58.33%,#00f 66.67%,#8000ff 75%,#f0f 83.33%,#ff0080 91.67%,red);border-radius:4px;height:8px;outline:none;width:100%}.hue-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #333;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.hue-slider::-moz-range-thumb{background:#fff;border:2px solid #333;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.lightness-slider,.saturation-slider{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#e0e0e0;border-radius:4px;height:8px;outline:none;width:100%}.lightness-slider::-webkit-slider-thumb,.saturation-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;border:2px solid #666;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.lightness-slider::-moz-range-thumb,.saturation-slider::-moz-range-thumb{background:#fff;border:2px solid #666;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.rgb-inputs{border-top:1px solid #e0e0e0;display:flex;gap:12px;margin-top:16px;padding-top:16px}.rgb-input-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.rgb-input-group label{color:#555;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.rgb-input{background:#f9f9f9;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:12px;padding:6px 8px;text-align:center;width:60px}.rgb-input:focus{background:#fff;border-color:#0078d7;box-shadow:0 0 0 2px #0078d733;outline:none}.color-picker-actions{display:flex;gap:12px;justify-content:flex-end}.color-picker-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 16px;transition:all .2s}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.confirm-btn{background-color:#0078d7;color:#fff}.confirm-btn:hover{background-color:#005a9e}@media (max-width:480px){.color-picker-modal{margin:10px;width:95vw}.color-picker-content{padding:16px}.color-preview{align-items:stretch;flex-direction:column}.color-preview-container{flex-direction:column;gap:15px}.color-preview-section{min-width:auto}.rgb-inputs{flex-direction:column;gap:8px}.rgb-input-group{align-items:center;flex-direction:row;justify-content:space-between}.rgb-input{width:80px}.color-display{height:30px;width:50px}}.devflow-container{background:#fff;background:var(--df-surface,#fff);display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.devflow-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.devflow-transition-fast{transition:all .15s ease-in-out}.devflow-transition-smooth{transition:all .3s ease}.devflow-will-change{will-change:transform,opacity}.devflow-will-change-opacity{will-change:opacity}.devflow-shadow-light{box-shadow:0 2px 8px #0000001a}.devflow-shadow-medium{box-shadow:0 2px 8px #00000026}.devflow-shadow-accent{box-shadow:0 2px 8px #3498db1a}.devflow-transform-up{transform:translateY(-1px)}.devflow-transform-scale{transform:scale(1.02)}.devflow-transform-rotate{transform:rotate(2deg)}.devflow-radius{border-radius:4px}.devflow-radius-top{border-radius:4px 4px 0 0}.devflow-radius-round{border-radius:12px}.devflow-radius-circle{border-radius:50%}.devflow-header{background:#fff;background:var(--df-surface,#fff);border-radius:0;box-shadow:0 2px 10px #0003;flex:0 0 55px;padding:10px 20px}.devflow-header-content{align-items:center;display:flex;justify-content:space-between}.devflow-title{color:#2e4a9e;color:var(--df-text,#2e4a9e);font-size:24px;margin:0}.devflow-add-item-button,.devflow-delete-button,.devflow-edit-button,.devflow-nav-button{align-items:center;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;min-width:36px;padding:6px 12px;transition:all .3s ease}.devflow-add-item-button,.devflow-edit-button,.devflow-nav-button{background:#3498db;background:var(--df-accent,#3498db)}.devflow-add-item-button:hover,.devflow-edit-button:hover,.devflow-nav-button:hover{background:#2980b9;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.devflow-delete-button{background:#c0392b}.devflow-delete-button:hover{background:#a93226;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.devflow-error-message{align-items:center;background-color:#ffebee;border-radius:4px;color:#c0392b;display:flex;margin-top:10px;padding:10px}.devflow-loading{align-items:center;color:#7f8c8d;display:flex;flex:1 1;justify-content:center;text-align:center}.devflow-main{flex:1 1;overflow-y:auto;padding:20px}.devflow-feature-tabs.devflow-tabs{align-items:center;display:flex;gap:0;justify-content:space-between;margin:20px 0}.devflow-feature-list{-ms-overflow-style:none;align-items:stretch;display:flex;flex-wrap:nowrap;gap:0;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:0;scroll-behavior:smooth;scrollbar-width:none;width:100%}.devflow-feature-list::-webkit-scrollbar{display:none}.devflow-feature-item{align-items:center;background:#0000;border:1px solid #ddd;border:1px solid var(--df-border,#ddd);border-radius:4px 4px 0 0;box-sizing:border-box;color:#7f8c8d;color:var(--df-secondary,#7f8c8d);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:flex-start;line-height:1.5;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;will-change:transform,opacity;z-index:1}.devflow-feature-item-inprogress{min-width:max-content;width:max-content}.devflow-feature-item-completed,.devflow-feature-item-inprogress{align-items:center;background:#0000;border:1px solid #ddd;border:1px solid var(--df-border,#ddd);border-radius:4px 4px 0 0;box-sizing:border-box;color:#7f8c8d;color:var(--df-secondary,#7f8c8d);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:flex-start;line-height:1.5;max-width:none;overflow:visible;padding:5px 12px;position:relative;white-space:nowrap;z-index:1}.devflow-feature-item-completed{min-width:fit-content;width:fit-content}.devflow-feature-item-inprogress:hover{background:#e8f0fe;border-color:#3498db;border-color:var(--df-accent,#3498db)}.devflow-feature-item-inprogress.is-selected{background:#3498db;background:var(--df-accent,#3498db);border-color:#3498db;border-color:var(--df-accent,#3498db);border-right:1px solid #3498db;border-right:1px solid var(--df-accent,#3498db);box-shadow:0 2px 12px #00000026;color:#fff;transform:scale(1.02);z-index:2}.devflow-feature-item-completed:hover{background:#e8f0fe;border-color:#3498db;border-color:var(--df-accent,#3498db)}.devflow-feature-item-completed.is-selected{background:#3498db;background:var(--df-accent,#3498db);border-color:#3498db;border-color:var(--df-accent,#3498db);border-right:1px solid #3498db;border-right:1px solid var(--df-accent,#3498db);box-shadow:0 2px 12px #00000026;color:#fff;transform:scale(1.02);z-index:2}.devflow-feature-item-inprogress .devflow-feature-name{color:inherit;transition:color .2s ease-in-out}.devflow-feature-item-completed .devflow-feature-name{flex:none;max-width:none;min-width:fit-content;overflow:visible;padding-right:0;text-align:left;transition:color .2s ease-in-out;white-space:nowrap;width:auto}.devflow-feature-list.dragging{cursor:grabbing;transform:scale(1.01);transition:transform .2s ease-in-out}.devflow-feature-list:not(.dragging){transform:none!important;transition:all .3s ease-in-out}.devflow-no-features-message{align-items:center;background:linear-gradient(135deg,#3498db0d,#3498db05);border:1px dashed #ddd;border:1px dashed var(--df-border,#ddd);border-radius:8px;color:#7f8c8d;color:var(--df-secondary,#7f8c8d);cursor:default;display:flex;font-size:14px;font-style:italic;justify-content:center;margin:0 10px;min-height:34px;opacity:.8;overflow:hidden;padding:20px;position:relative;transition:all .3s ease-in-out}.devflow-no-features-message:hover{background:linear-gradient(135deg,#3498db14,#3498db0a);border-color:#3498db;border-color:var(--df-accent,#3498db);box-shadow:0 2px 8px #3498db1a;opacity:1;transform:translateY(-1px)}.devflow-no-features-message:before{background:linear-gradient(90deg,#0000,#3498db1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease-in-out;width:100%}.devflow-no-features-message:hover:before{left:100%}.devflow-content-area{display:block!important;min-height:400px;overflow:visible;position:relative;transition:all .3s ease-in-out;visibility:visible!important;width:100%}.devflow-toggle-button-group{align-items:center;display:flex;margin-bottom:15px;width:100%}.devflow-toggle-button-group.devflow-full-width{justify-content:space-between}.devflow-toggle-button{background:#ecf0f1;background:var(--df-surface,#ecf0f1);border:none;border-radius:4px;color:#333;color:var(--df-text,#333);cursor:pointer;flex:1 1;font-size:14px;padding:8px 16px;text-align:center;transition:all .3s ease}.devflow-toggle-button.active{background:#3498db;background:var(--df-accent,#3498db);color:#fff}.devflow-toggle-button:hover:not(.active){background:#ddd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.devflow-statuses-container{display:flex;flex-direction:column;gap:8px}.devflow-status-group{background:#fff;background:var(--df-subtle-surface,#fff);border:1px solid #ddd;border:1px solid var(--df-border,#ddd);border-radius:4px;cursor:move;min-height:100px;opacity:1;padding:10px;position:relative;transform:none}.devflow-status-group.dragging{box-shadow:0 5px 15px #0003;transform:rotate(2deg)}.devflow-status-title{color:#2e4a9e;color:var(--df-text,#2e4a9e);font-size:16px;margin-bottom:10px}.devflow-item-list{flex-direction:column;list-style:none;min-height:50px;padding:0}.devflow-item,.devflow-item-list{display:flex;opacity:1;position:relative}.devflow-item{align-items:center;background-color:#f9f9f9;background-color:var(--df-surface,#f9f9f9);border:1px solid #ddd;border:1px solid var(--df-border,#ddd);border-radius:4px;cursor:default;margin-bottom:0;min-height:30px;padding:5px 10px;transform:none;transition:all .15s ease-in-out;z-index:1}.devflow-item:hover{background-color:#f0f4fa;border-color:#3498db;border-color:var(--df-accent,#3498db);box-shadow:0 2px 8px #0000001a;transform:translateX(2px)}.devflow-item.dragging{box-shadow:0 5px 15px #0003}.devflow-item-title{color:#333;color:var(--df-text,#333);flex:1 1;font-size:12px;line-height:1.2}.devflow-completion-toggle{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;margin-right:8px;position:relative;width:16px}.devflow-completion-toggle .devflow-completion-checkbox{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.devflow-completion-toggle .devflow-completion-checkbox:checked+.devflow-checkbox-custom{background-color:#27ae60;border-color:#27ae60}.devflow-completion-toggle .devflow-completion-checkbox:checked+.devflow-checkbox-custom:after{color:#fff;content:"β
";font-size:14px;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%)}.devflow-completion-toggle .devflow-checkbox-custom{background-color:#fff;border:1px solid #7f8c8d;border-radius:4px;height:14px;position:absolute;transition:all .3s;width:14px;z-index:1}.devflow-completion-toggle:hover .devflow-checkbox-custom{border-color:#2ecc71}.devflow-completion-toggle:active .devflow-checkbox-custom{transform:scale(.95)}.devflow-move-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;box-sizing:border-box;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;line-height:1;margin-left:2px;min-width:28px;padding:4px 6px}.devflow-move-button:disabled{background:#e9ecef;border-color:#dee2e6;color:#adb5bd;cursor:not-allowed;opacity:.6}.devflow-move-button:hover:not(:disabled){background:#e3f2fd;border-color:#1976d2;box-shadow:0 2px 4px #0000001a;color:#1976d2;transform:translateY(-1px)}.devflow-modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.devflow-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column;gap:15px;max-height:80vh;overflow-y:auto;padding:25px;width:450px}.devflow-modal-title{color:#2e4a9e;font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.devflow-modal-input,.devflow-modal-select,.devflow-modal-textarea{border:2px solid #e1e8ed;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s,box-shadow .3s;width:100%}.devflow-modal-input:focus,.devflow-modal-select:focus,.devflow-modal-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.devflow-modal-textarea{min-height:80px;resize:vertical}.devflow-modal-text{color:#333;font-size:14px;line-height:1.4}.devflow-modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.devflow-modal-cancel{background:#95a5a6;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:70px;padding:8px 16px;transition:all .3s}.devflow-modal-cancel:hover{background:#7f8c8d;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.devflow-modal-save{background:#3498db;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:70px;padding:8px 16px;transition:all .3s}.devflow-modal-save:hover{background:#2980b9;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.devflow-modal-delete{background:#e74c3c;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:70px;padding:8px 16px;transition:all .3s}.devflow-modal-delete:hover{background:#c0392b;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.devflow-completed-view{width:100%}.devflow-completed-toolbar{margin-bottom:16px}.devflow-completed-toolbar input[type=text]{font-size:14px;transition:border-color .2s ease}.devflow-completed-toolbar input[type=text]:focus{border-color:#3498db;border-color:var(--df-accent,#3498db);box-shadow:0 0 0 2px #3498db33;outline:none}.devflow-completed-table-container{box-shadow:0 2px 8px #0000001a}.devflow-completed-table{font-size:14px}.devflow-completed-table th{font-weight:600;position:relative;transition:background-color .2s ease}.devflow-completed-table th:hover{background-color:#3498db1a!important}.devflow-completed-table th:active{background-color:#3498db33!important}.devflow-completed-table td{transition:background-color .2s ease}.devflow-completed-table tbody tr:hover{background-color:#3498db0d!important}.devflow-completed-table tbody tr:hover td{background-color:initial}.devflow-completed-table input[type=checkbox]{accent-color:#3498db;accent-color:var(--df-accent,#3498db);cursor:pointer;height:16px;width:16px}.devflow-completed-table input[type=checkbox]:checked{background-color:#3498db;background-color:var(--df-accent,#3498db)}.devflow-table-container{background:var(--df-surface);border:1px solid var(--df-border);border-radius:8px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:contents}.devflow-table{border-collapse:collapse;width:100%}.devflow-table-header{background:var(--df-subtle-surface);border-bottom:2px solid var(--df-border)}.devflow-table-header th{border-right:1px solid var(--df-border);color:var(--df-text);cursor:pointer;padding:12px 8px;text-align:left;-webkit-user-select:none;user-select:none}.devflow-table-header th:last-child{border-right:none}.devflow-table-header th:hover{background-color:#3498db1a!important}.devflow-table-header th:active{background-color:#3498db33!important}.devflow-table-header th.checkbox-header{text-align:center;width:40px}.devflow-table-header th.sortable{cursor:pointer}.devflow-table-header th.sortable:hover{background-color:#3498db1a!important}.devflow-sort-indicator{margin-left:4px}.devflow-table-row{border-bottom:1px solid var(--df-border);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.devflow-table-row:hover{background-color:#3498db0d!important}.devflow-table-row.selected{background-color:#3498db33!important}.devflow-table-cell{border-right:1px solid var(--df-border);color:var(--df-text);cursor:pointer;padding:12px 8px}.devflow-table-cell:last-child{border-right:none}.devflow-table-cell.checkbox-cell{border-right:1px solid var(--df-border);text-align:center}.devflow-table-cell.secondary{color:var(--df-secondary)}.devflow-status-badge{border-radius:12px;color:var(--df-text);display:inline-block;font-size:12px;font-weight:500;min-width:60px;padding:4px 8px;text-align:center;white-space:nowrap}.devflow-status-label{align-items:center;color:#1a2a6c;color:var(--df-text,#1a2a6c);display:inline-flex;font-size:13px;font-weight:600;gap:8px}.devflow-status-label .devflow-status-dot{background-color:#3b82f6;background-color:var(--status-color,#3b82f6);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 20%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-color,#3b82f6) 20%,#0000);height:10px;width:10px}@supports not (color-mix(in srgb,red,white)){.devflow-status-label .devflow-status-dot{box-shadow:none}}.devflow-date-cell{color:var(--df-secondary)}.devflow-empty-message{color:var(--df-secondary);padding:40px;text-align:center}.devflow-no-features-message-completed{align-items:center;background:#0000;border:1px dashed var(--df-border);border-radius:8px;color:var(--df-secondary);display:flex;font-size:16px;font-style:italic;justify-content:center;margin:20px 0;min-height:200px;opacity:.8;padding:40px}.devflow-feature-description{background:var(--df-surface);border:1px solid var(--df-border);border-radius:4px;color:var(--df-secondary);font-size:14px;line-height:1.5;margin-bottom:15px;max-height:120px;overflow-y:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.devflow-action-buttons{display:flex;gap:8px;justify-content:flex-end}.devflow-modal-container{background:var(--df-surface);border:1px solid var(--df-border);color:var(--df-text)}.devflow-modal-title-theme{color:var(--df-text)}.devflow-modal-input-theme,.devflow-modal-textarea-theme{background:var(--df-surface);border:2px solid var(--df-border);color:var(--df-text)}.devflow-modal-textarea-theme{min-height:80px;resize:vertical}.devflow-modal-text-theme{color:var(--df-text)}.devflow-modal-save-theme{background:var(--df-accent)}.devflow-modal-cancel-theme{background:var(--df-secondary)}@media (max-width:1024px){.devflow-feature-item-completed,.devflow-feature-item-inprogress{padding:5px 12px}.devflow-feature-list{gap:0}}@media (max-width:768px){.devflow-feature-item-completed,.devflow-feature-item-inprogress{min-height:44px;padding:5px 10px;touch-action:manipulation}.devflow-feature-list{gap:0}.devflow-add-item-button,.devflow-delete-button,.devflow-edit-button,.devflow-nav-button{height:36px;min-width:32px;padding:8px 10px}.devflow-move-button{height:32px;min-width:32px;padding:6px 8px}.devflow-completed-toolbar .devflow-toolbar-row{flex-direction:column;gap:12px}.devflow-completed-toolbar .devflow-search-section{width:100%}.devflow-completed-toolbar input[type=text]{min-width:100%}.devflow-completed-table{font-size:12px}.devflow-completed-table td,.devflow-completed-table th{padding:8px 4px}.devflow-no-features-message{font-size:13px;margin:0 8px;padding:16px}}@media (max-width:480px){.devflow-feature-item-completed,.devflow-feature-item-inprogress{font-size:13px;min-height:40px;padding:4px 8px}.devflow-feature-list{gap:0}.devflow-add-item-button,.devflow-delete-button,.devflow-edit-button,.devflow-nav-button{font-size:12px;height:32px;min-width:28px;padding:6px 8px}.devflow-move-button{font-size:12px;height:28px;min-width:24px;padding:4px 6px}.devflow-toggle-button{font-size:13px;padding:6px 12px}.devflow-no-features-message{font-size:12px;margin:0 6px;min-height:30px;padding:12px}}@media (prefers-color-scheme:dark){.devflow-container{background:#2c3e50}.devflow-header{background:#34495e}.devflow-title{color:#ecf0f1}.devflow-add-item-button,.devflow-edit-button,.devflow-nav-button{background:#2e4a9e}.devflow-add-item-button:hover,.devflow-edit-button:hover,.devflow-nav-button:hover{background:#3d5a9e}.devflow-feature-item{background:#34495e;border-color:#4a6070;color:#bdc3c7}.devflow-feature-item.is-selected{background:#2e4a9e;border-color:#2e4a9e;color:#ecf0f1}.devflow-feature-item:hover:not(.is-selected){background:#3d4e62;border-color:#2e4a9e}.devflow-toggle-button{background:#34495e;color:#bdc3c7}.devflow-toggle-button.active{background:#2e4a9e;color:#ecf0f1}.devflow-toggle-button:hover:not(.active){background:#3d4e62}.devflow-status-title{color:#ecf0f1}.devflow-item{background-color:#34495e;border-color:#4a6070;color:#ecf0f1}.devflow-item:hover{background-color:#3d4e62;border-color:#2e4a9e}.devflow-item-title{color:#ecf0f1}.devflow-completion-time{color:#bdc3c7}.devflow-modal{background:#34495e;box-shadow:0 4px 20px #00000080}.devflow-modal-title{color:#ecf0f1}.devflow-modal-input,.devflow-modal-select,.devflow-modal-textarea{background:#2c3e50;border-color:#4a6070;color:#ecf0f1}.devflow-modal-input:focus,.devflow-modal-select:focus,.devflow-modal-textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.devflow-modal-text{color:#ecf0f1}.devflow-modal-cancel{background:#7f8c8d}.devflow-modal-cancel:hover{background:#95a5a6}.devflow-modal-save{background:#2e4a9e}.devflow-modal-save:hover{background:#3d5a9e}.devflow-modal-delete{background:#e74c3c}.devflow-modal-delete:hover{background:#c0392b}.devflow-move-button{background:#34495e;border-color:#4a6070;color:#bdc3c7}.devflow-move-button:disabled{background:#2c3e50;border-color:#4a6070;color:#7f8c8d}.devflow-move-button:hover:not(:disabled){background:#2e4a9e;border-color:#2e4a9e;color:#ecf0f1}.devflow-no-features-message{background:linear-gradient(135deg,#3498db1a,#3498db0d);border-color:#4a6070;border-color:var(--df-border,#4a6070);color:#bdc3c7;color:var(--df-secondary,#bdc3c7)}.devflow-no-features-message:hover{background:linear-gradient(135deg,#3498db26,#3498db14);border-color:#2e4a9e;border-color:var(--df-accent,#2e4a9e)}}@media (prefers-contrast:high){.devflow-feature-item .devflow-count-badge,.devflow-no-features-message{border:2px solid}}.devflow-loading-switching{font-size:14px;opacity:.7}.devflow-content-area-opacity{filter:none;min-height:400px;opacity:1;transform:none;transition:all .3s ease-in-out}.devflow-feature-item-style{box-sizing:border-box;margin:0}.devflow-status-group-style{cursor:move}.devflow-item-style{align-items:center;display:flex;min-height:30px}.devflow-completed-toolbar-container{background:var(--df-surface);border:1px solid var(--df-border);border-radius:8px;margin-bottom:16px;padding:16px}.devflow-toolbar-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.devflow-search-section{align-items:center;display:flex;gap:12px}.devflow-search-input{background:var(--df-surface);border:2px solid var(--df-border);border-radius:6px;color:var(--df-text);min-width:250px;padding:8px 12px}.devflow-search-input:focus{border-color:var(--df-accent);box-shadow:0 0 0 2px #3498db33;outline:none}.devflow-search-count,.devflow-selection-info{color:var(--df-secondary);font-size:14px}.devflow-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}.devflow-select-all-button{background:var(--df-surface);border:1px solid var(--df-border);border-radius:4px;color:var(--df-text);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.devflow-select-all-button:hover{background:var(--df-accent);box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}.devflow-export-button{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.devflow-export-button:hover{background:#229954}.devflow-clear-selection-button{background:var(--df-surface);border:1px solid var(--df-border);border-radius:4px;color:var(--df-text);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.devflow-clear-selection-button:hover{background:var(--df-accent);box-shadow:0 2px 4px #0000001a;color:#fff;transform:translateY(-1px)}.devflow-reactivate-button{background:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.devflow-reactivate-button:hover{background:#e67e22}.devflow-batch-delete-button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.devflow-batch-delete-button:hover{background:#c0392b}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRow{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.devflow-content-area{animation:fadeInContent .4s cubic-bezier(.4,0,.2,1)}.devflow-table tbody{animation:fadeInContent .3s cubic-bezier(.4,0,.2,1)}.devflow-table-row{animation:slideInRow .3s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.devflow-table-row:first-child{animation-delay:.02s}.devflow-table-row:nth-child(2){animation-delay:.04s}.devflow-table-row:nth-child(3){animation-delay:.06s}.devflow-table-row:nth-child(4){animation-delay:.08s}.devflow-table-row:nth-child(5){animation-delay:.1s}.devflow-table-row:nth-child(6){animation-delay:.12s}.devflow-table-row:nth-child(7){animation-delay:.14s}.devflow-table-row:nth-child(8){animation-delay:.16s}.devflow-table-row:nth-child(9){animation-delay:.18s}.devflow-table-row:nth-child(10){animation-delay:.2s}.devflow-table-row:nth-child(n+11){animation-delay:.22s}.devflow-feature-item-completed.is-selected,.devflow-feature-item-inprogress.is-selected{box-shadow:0 4px 12px #3498db4d;transform:scale(1.02);transition:all .4s cubic-bezier(.4,0,.2,1)}.devflow-search-highlight{animation:fadeInContent .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.devflow-empty-message,.devflow-no-features-message{animation:fadeInContent .5s cubic-bezier(.4,0,.2,1)}.devflow-loading{animation:pulse 1.5s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.devflow-content-area,.devflow-feature-item,.devflow-feature-item .devflow-count-badge,.devflow-item,.devflow-move-button,.devflow-status-group,.devflow-table tbody,.devflow-table-row,.devflow-toggle-button{animation:none;transition:none}.devflow-no-features-message:before{display:none}}.master-settings-container{align-items:flex-start;animation:fadeInUp .6s ease-out;background:#f8fafc;background:var(--theme-background,#f8fafc);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .3s ease}.master-settings-content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 8px 40px #00000014;margin:0 auto;max-width:800px;padding:40px 32px;transition:all .3s ease;width:100%}.master-settings-title{color:#1e293b;color:var(--theme-text,#1e293b);font-size:clamp(28px,5vw,36px);font-weight:700;margin:0 0 30px;text-align:center;transition:color .3s ease}.settings-card{background:#fff;background:var(--theme-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0);border-radius:16px;box-shadow:0 4px 16px #00000014;padding:24px;transition:all .3s ease}.settings-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.setting-item{margin-bottom:20px}.setting-item:last-child{margin-bottom:0}.setting-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.setting-title{color:#1e293b;color:var(--theme-text,#1e293b);font-size:18px;font-weight:600;transition:color .3s ease}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.status-badge.enabled{background:#dcfce7;background:var(--theme-success-bg,#dcfce7);color:#166534;color:var(--theme-success-text,#166534)}.status-badge.disabled{background:#fee2e2;background:var(--theme-error-bg,#fee2e2);color:#dc2626;color:var(--theme-error-text,#dc2626)}.toggle-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.toggle-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.toggle-button:hover:before{left:100%}.toggle-button:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.toggle-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.toggle-button.enable{background:#3b82f6;background:var(--theme-accent,#3b82f6);color:#fff}.toggle-button.disable{background:#dc2626;background:var(--theme-warning,#dc2626);color:#fff}.loading-spinner{align-items:center;animation:pulse 1.5s infinite;color:#64748b;color:var(--theme-text,#64748b);display:flex;font-size:18px;height:200px;justify-content:center;transition:color .3s ease}.modal-overlay{animation:fadeIn .3s ease-out}.modal-content{animation:slideInUp .3s ease-out;background:#fff;background:var(--theme-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0);box-shadow:0 20px 40px #0003;max-width:400px;padding:32px;transition:all .3s ease;width:90%}.modal-text{color:#1e293b;color:var(--theme-text,#1e293b);font-size:18px;line-height:1.5;margin:0 0 24px;text-align:center;transition:color .3s ease}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .3s ease}.modal-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.modal-button.cancel{background:#e5e7eb;background:var(--theme-border,#e5e7eb);color:#374151;color:var(--theme-text,#374151)}.modal-button.confirm{background:#dc2626;background:var(--theme-error,#dc2626);color:#fff}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.master-settings-container{padding:16px}.master-settings-content{border-radius:16px;padding:24px 16px}.settings-card{padding:20px}.setting-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-content{margin:20px;padding:24px}.modal-actions{flex-direction:column}.modal-button{width:100%}}@media (max-width:480px){.master-settings-container{padding:12px}.master-settings-content{border-radius:12px;padding:20px 12px}.settings-card{padding:16px}.master-settings-title{font-size:24px}.setting-title{font-size:16px}.toggle-button{font-size:14px;padding:10px 20px}}@media (prefers-reduced-motion:reduce){.master-settings-container,.master-settings-content,.modal-button,.modal-content,.settings-card,.toggle-button{animation:none;transition:none}.toggle-button:before{display:none}.toggle-button:hover{transform:none}}@media (prefers-contrast:high){.master-settings-content,.modal-content,.settings-card{border:2px solid;border:2px solid var(--theme-text,currentColor)}}.option-access{background:#f9f9f9;background:var(--theme-background,#f9f9f9);min-height:100vh;padding:20px;transition:background .3s ease}.option-content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 8px 40px #00000014;margin:0 auto;max-width:1200px;padding:40px 32px;transition:all .3s ease}.option-access .option-title{color:#1a2a6c;color:var(--theme-text,#1a2a6c);font-size:28px;font-weight:700;margin-bottom:20px;text-align:center;transition:color .3s ease}.option-access .option-loading{animation:pulse 1.5s infinite;color:#7f8c8d;color:var(--theme-secondary-text,#7f8c8d);font-size:18px;text-align:center;transition:color .3s ease}.option-access .option-error{background:#ffebee;border-radius:8px;color:#c0392b;font-size:16px;margin-bottom:20px;padding:10px 20px;text-align:center}.option-access .settings-tabs{margin:0 auto;max-width:1200px}.option-access .tab-header{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--theme-border,#e0e0e0);display:flex;gap:10px;margin-bottom:20px;transition:border-color .3s ease}.option-access .tab{background:#f5f5f5;background:var(--theme-card-bg,#f5f5f5);border:none;border-radius:8px 8px 0 0;color:#666;color:var(--theme-text,#666);cursor:pointer;font-size:16px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .3s ease}.option-access .tab:hover{background:#e8e8e8;background:var(--theme-card-hover-bg,#e8e8e8);color:#333;color:var(--theme-text,#333)}.option-access .tab.active{background:#2e4a9e;background:var(--theme-accent,#2e4a9e);border-bottom:2px solid #2e4a9e;border-bottom:2px solid var(--theme-accent,#2e4a9e);color:#fff}.option-access .tab-content{animation:fadeIn .5s ease-in;background:#fff;background:var(--theme-card-bg,#fff);border-radius:0 8px 8px 8px;box-shadow:0 4px 16px #00000014;padding:20px;transition:background .3s ease,box-shadow .3s ease}.option-access .switch-label{align-items:center;color:#333;color:var(--theme-text,#333);display:flex;font-size:16px;margin-bottom:20px;transition:color .3s ease}.option-access .switch-label.compact{margin-bottom:0}.option-access .switch-input{display:none}.option-access .switch-slider{background:#ccc;background:var(--theme-border,#ccc);border-radius:12px;cursor:pointer;height:24px;margin-right:10px;position:relative;transition:background .3s;width:50px}.option-access .switch-slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.option-access .switch-input:checked+.switch-slider{background:#2e4a9e;background:var(--theme-accent,#2e4a9e)}.option-access .switch-input:checked+.switch-slider:before{transform:translateX(26px)}.option-access .save-button{background:#2e4a9e;background:var(--theme-accent,#2e4a9e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px 24px;transition:all .3s ease}.option-access .save-button:hover{background:#1a2a6c;background:var(--theme-accent-hover,#1a2a6c);box-shadow:0 4px 12px #2e4a9e4d;transform:translateY(-2px)}.home-master-row{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr 2fr}.role-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.role-item{align-items:center;display:flex;gap:10px;justify-content:center}.role-label{color:#333;color:var(--theme-text,#333);font-weight:600}.option-access .save-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.option-access .navigator-table{margin-top:20px;overflow-x:auto}.option-access .navigator-table table{background:#fff;background:var(--theme-card-bg,#fff);border-collapse:collapse;border-radius:8px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:background .3s ease,box-shadow .3s ease;width:100%}.option-access .navigator-table th{background:#2e4a9e;background:var(--theme-accent,#2e4a9e);color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.option-access .navigator-table td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--theme-border,#e0e0e0);padding:12px 15px;transition:border-color .3s ease;vertical-align:middle}.option-access .navigator-table tr:hover{background:#f8f9fa;background:var(--theme-card-hover-bg,#f8f9fa);transition:background .3s ease}.option-access .navigator-table tr:last-child td{border-bottom:none}.option-access .order-input{background:#fff;background:var(--theme-input-bg,#fff);border:1px solid #ddd;border:1px solid var(--theme-border,#ddd);border-radius:4px;color:#333;color:var(--theme-text,#333);font-size:14px;padding:8px;text-align:center;transition:all .3s ease;width:60px}.option-access .order-input:focus{border-color:#2e4a9e;border-color:var(--theme-accent,#2e4a9e);box-shadow:0 0 0 2px #2e4a9e33;outline:none}.option-access .tool-info{display:flex;flex-direction:column;gap:4px}.option-access .tool-info strong{color:#333;color:var(--theme-text,#333);font-size:16px;font-weight:600;transition:color .3s ease}.option-access .tool-info small{color:#666;color:var(--theme-secondary-text,#666);font-size:12px;line-height:1.4;transition:color .3s ease}.option-access .category-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.option-access .category-badge.personal{background:#e3f2fd;background:var(--theme-accent-light,#e3f2fd);color:#1976d2;color:var(--theme-accent,#1976d2)}.option-access .category-badge.advanced{background:#fff3e0;background:var(--theme-accent-light,#fff3e0);color:#f57c00;color:var(--theme-accent,#f57c00)}.option-access .action-buttons{display:flex;gap:5px}.option-access .move-btn{align-items:center;background:#fff;background:var(--theme-card-bg,#fff);border:1px solid #ddd;border:1px solid var(--theme-border,#ddd);border-radius:4px;color:#333;color:var(--theme-text,#333);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.option-access .move-btn:hover:not(:disabled){background:#2e4a9e;background:var(--theme-accent,#2e4a9e);border-color:#2e4a9e;border-color:var(--theme-accent,#2e4a9e);color:#fff;transform:translateY(-1px)}.option-access .move-btn:disabled{background:#f5f5f5;background:var(--theme-disabled-bg,#f5f5f5);color:#ccc;color:var(--theme-disabled-text,#ccc);cursor:not-allowed;transform:none}.edit-mode{display:flex;flex-direction:column;gap:8px;width:100%}.edit-input{border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.title-input{font-size:16px;font-weight:600}.description-input{font-size:13px;line-height:1.4;min-height:60px;resize:vertical}.edit-actions{display:flex;gap:6px;margin-top:4px}.cancel-edit-btn,.save-edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:6px 12px;transition:all .2s ease}.cancel-edit-btn:hover,.save-edit-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.edit-btn{opacity:.7;transition:all .2s ease}.edit-btn:hover{opacity:1;transform:translateY(-1px)}.tool-info{min-width:200px;position:relative}.tool-info strong{color:inherit;display:block;margin-bottom:4px}.tool-info small{color:inherit;display:block;line-height:1.4;opacity:.7}.tool-actions{align-items:center;display:flex;margin-top:4px}.saving-indicator{align-items:center;display:inline-flex;font-style:italic;gap:4px}.cancel-edit-btn:disabled,.edit-btn:disabled,.save-edit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.cancel-edit-btn:disabled:hover,.edit-btn:disabled:hover,.save-edit-btn:disabled:hover{box-shadow:none!important;transform:none!important}.auto-save-success{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (max-width:768px){.option-access{padding:16px}.option-content{border-radius:16px;padding:24px 16px}.option-access .navigator-table{font-size:12px}.option-access .navigator-table td,.option-access .navigator-table th{padding:8px}.option-access .tool-info strong{font-size:14px}.option-access .tool-info small{font-size:11px}.option-access .order-input{font-size:12px;width:50px}.option-access .move-btn{font-size:12px;height:28px;width:28px}.edit-input{font-size:16px}.edit-actions{flex-direction:column}.cancel-edit-btn,.save-edit-btn{width:100%}.home-master-row{gap:16px;grid-template-columns:1fr}.role-grid{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.option-access{padding:12px}.option-content{border-radius:12px;padding:20px 12px}.role-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.move-btn,.option-access,.option-content,.save-button,.switch-slider,.tab,.tab-content{animation:none;transition:none}}@media (prefers-contrast:high){.option-content,.tab{border:2px solid;border:2px solid var(--theme-text,currentColor)}}.theme-settings-container{align-items:center;animation:none;background:#f8fafc;background:var(--theme-background,#f8fafc);color:#1e293b;color:var(--theme-text,#1e293b);display:flex;flex-direction:column;justify-content:flex-start;min-height:100dvh;padding:40px 20px}.theme-settings-header{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.theme-settings-header h1{color:#1e293b;color:var(--theme-text,#1e293b);font-size:clamp(28px,5vw,42px);font-weight:700;margin:0 0 12px}.theme-settings-header p{color:#64748b;color:var(--theme-secondary-text,#64748b);font-size:clamp(16px,2.5vw,18px);font-weight:400;margin:0}.theme-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto 20px;max-width:1200px}.theme-categories{display:flex;flex-wrap:wrap;gap:8px}.theme-category{background:#fff;background:var(--theme-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--theme-text,#1e293b);cursor:pointer;padding:8px 12px;transition:all .2s ease}.theme-category:hover{border-color:#3b82f6;border-color:var(--theme-accent,#3b82f6);box-shadow:0 2px 8px #0000001a}.theme-category.active{background:#dbeafe;background:var(--nav-active-bg,#dbeafe);border-color:#3b82f6;border-color:var(--nav-active-border,#3b82f6);color:#1e40af;color:var(--nav-active-text,#1e40af)}.theme-search{flex:1 1 260px;max-width:360px;position:relative}.theme-search input{background:#fff;background:var(--theme-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0);border-radius:10px;color:#1e293b;color:var(--theme-text,#1e293b);outline:none;padding:10px 36px 10px 12px;width:100%}.theme-search input::placeholder{color:#64748b;color:var(--theme-secondary-text,#64748b)}.theme-search input:focus{border-color:#3b82f6;border-color:var(--theme-accent,#3b82f6)}.theme-search .clear-search{background:#0000;border:none;color:#64748b;color:var(--theme-secondary-text,#64748b);cursor:pointer;font-size:18px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.reset-default,.theme-search .clear-search:hover{color:#1e293b;color:var(--theme-text,#1e293b)}.reset-default{background:#fff;background:var(--theme-card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0);border-radius:8px;cursor:pointer;padding:10px 12px;transition:all .2s ease}.reset-default:hover{border-color:#3b82f6;border-color:var(--theme-accent,#3b82f6);box-shadow:0 2px 8px #0000001a}.reset-default:disabled{cursor:not-allowed;opacity:.6}.theme-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto 32px;max-width:1200px}.fixed-two-rows{grid-auto-rows:1fr;grid-template-columns:repeat(4,minmax(0,1fr))}.theme-card.placeholder{visibility:hidden}.theme-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.theme-card:hover{box-shadow:0 6px 18px #0000001f;transform:translateY(-3px)}.theme-card.active{box-shadow:0 0 0 3px #3b82f61a,0 6px 18px #3b82f624;position:relative;transform:translateY(-2px)}.theme-card.active:before{align-items:center;animation:checkmarkAppear .3s ease-out;background:#3b82f6;border-radius:50%;box-shadow:0 4px 12px #3b82f666;color:#fff;content:"β";display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px;z-index:10}.theme-card[data-theme="Ocean Breeze"]{border-color:#0ea5e9!important}.theme-card[data-theme="Ocean Breeze"]:hover{border-color:#0ea5e9!important;box-shadow:0 8px 25px #0ea5e926!important}.theme-card[data-theme="Ocean Breeze"].active{border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e91a,0 8px 25px #0ea5e926!important}.theme-card[data-theme="Ocean Breeze"].active:before{background:#0ea5e9!important;box-shadow:0 4px 12px #0ea5e966!important}.theme-card[data-theme="Warm Sunset"]{border-color:#f97316!important}.theme-card[data-theme="Warm Sunset"]:hover{border-color:#f97316!important;box-shadow:0 8px 25px #f9731626!important}.theme-card[data-theme="Warm Sunset"].active{border-color:#f97316!important;box-shadow:0 0 0 3px #f973161a,0 8px 25px #f9731626!important}.theme-card[data-theme="Warm Sunset"].active:before{background:#f97316!important;box-shadow:0 4px 12px #f9731666!important}.theme-card[data-theme="Modern Light"]{border-color:#3b82f6!important}.theme-card[data-theme="Modern Light"]:hover{border-color:#3b82f6!important;box-shadow:0 8px 25px #3b82f626!important}.theme-card[data-theme="Modern Light"].active{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a,0 8px 25px #3b82f626!important}.theme-card[data-theme="Modern Light"].active:before{background:#3b82f6!important;box-shadow:0 4px 12px #3b82f666!important}.theme-card[data-theme="Professional Dark"]{border-color:#3b82f6!important}.theme-card[data-theme="Professional Dark"]:hover{border-color:#3b82f6!important;box-shadow:0 8px 25px #3b82f626!important}.theme-card[data-theme="Professional Dark"].active{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a,0 8px 25px #3b82f626!important}.theme-card[data-theme="Professional Dark"].active:before{background:#3b82f6!important;box-shadow:0 4px 12px #3b82f666!important}.theme-card[data-theme="Forest Serenity"]{border-color:#16a34a!important}.theme-card[data-theme="Forest Serenity"]:hover{border-color:#16a34a!important;box-shadow:0 8px 25px #16a34a26!important}.theme-card[data-theme="Forest Serenity"].active{border-color:#16a34a!important;box-shadow:0 0 0 3px #16a34a1a,0 8px 25px #16a34a26!important}.theme-card[data-theme="Forest Serenity"].active:before{background:#16a34a!important;box-shadow:0 4px 12px #16a34a66!important}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.theme-card.disabled{cursor:not-allowed;opacity:.6}.theme-preview{border-bottom:1px solid #0000001a;display:flex;height:150px;overflow:hidden;position:relative}.preview-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;display:flex;flex-direction:column;gap:6px;height:100%;padding:10px 6px;width:64px}.preview-header{background:#0003;border-radius:4px;height:16px;width:100%}.preview-nav-item{background:#0000004d;border-radius:4px;height:10px;width:100%}.preview-nav-item.active{background:#3b82f6cc;box-shadow:0 2px 4px #3b82f64d}.theme-card[data-theme="Professional Dark"] .preview-sidebar{background:#ffffff1a}.theme-card[data-theme="Professional Dark"] .preview-header{background:#fff3}.theme-card[data-theme="Professional Dark"] .preview-nav-item{background:#ffffff4d}.theme-card[data-theme="Professional Dark"] .preview-nav-item.active{background:#3b82f6e6;box-shadow:0 2px 4px #3b82f666}.theme-card[data-theme="Professional Dark"] .preview-title{background:#ffffff4d}.theme-card[data-theme="Professional Dark"] .preview-card{background:#ffffff1a;border:1px solid #fff3;box-shadow:0 2px 4px #0003}.theme-card[data-theme="Ocean Breeze"] .preview-sidebar,.theme-card[data-theme="Warm Sunset"] .preview-sidebar{background:#ffffff26}.theme-card[data-theme="Ocean Breeze"] .preview-header,.theme-card[data-theme="Warm Sunset"] .preview-header{background:#ffffff40}.theme-card[data-theme="Ocean Breeze"] .preview-nav-item,.theme-card[data-theme="Warm Sunset"] .preview-nav-item{background:#ffffff59}.theme-card[data-theme="Ocean Breeze"] .preview-nav-item.active,.theme-card[data-theme="Warm Sunset"] .preview-nav-item.active{background:#ffffffe6;box-shadow:0 2px 4px #0000004d}.theme-card[data-theme="Ocean Breeze"] .preview-title,.theme-card[data-theme="Warm Sunset"] .preview-title{background:#fff6}.theme-card[data-theme="Ocean Breeze"] .preview-card,.theme-card[data-theme="Warm Sunset"] .preview-card{background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 2px 4px #00000026}.theme-card[data-theme="Forest Serenity"] .preview-sidebar{background:#00000014}.theme-card[data-theme="Forest Serenity"] .preview-header{background:#00000026}.theme-card[data-theme="Forest Serenity"] .preview-nav-item{background:#0003}.theme-card[data-theme="Forest Serenity"] .preview-nav-item.active{background:#16a34acc;box-shadow:0 2px 4px #16a34a4d}.theme-card[data-theme="Forest Serenity"] .preview-title{background:#0003}.theme-card[data-theme="Forest Serenity"] .preview-card{background:#00000014;border:1px solid #00000026;box-shadow:0 2px 4px #00000014}.preview-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:12px}.preview-title{background:#0000004d;border-radius:4px;height:14px;width:60%}.preview-card{background:#0000001a;border:1px solid #0003;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:32px;width:100%}.theme-info{background:#fff;border-top:1px solid #e2e8f0;color:#0f172a;display:flex;flex:1 1;flex-direction:column;min-height:90px;padding:14px;position:relative}.theme-info h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 8px}.theme-info p{color:#64748b;font-size:13px;line-height:1.4;margin:0}.theme-card[data-theme="Modern Light"] .theme-info{background:#fff!important;border-top:1px solid #e2e8f0!important;color:#0f172a!important}.theme-card[data-theme="Modern Light"] .theme-info h3{color:#0f172a!important}.theme-card[data-theme="Modern Light"] .theme-info p{color:#475569!important}.theme-card[data-theme="Professional Dark"] .theme-info{background:#1e293b!important;border-top:1px solid #475569!important;color:#fff!important}.theme-card[data-theme="Professional Dark"] .theme-info h3{color:#fff!important}.theme-card[data-theme="Professional Dark"] .theme-info p{color:#e2e8f0!important}.theme-card[data-theme="Ocean Breeze"] .theme-info{background:#0ea5e9!important;border-top:1px solid #0ea5e9!important;color:#fff!important}.theme-card[data-theme="Ocean Breeze"] .theme-info h3{color:#fff!important}.theme-card[data-theme="Ocean Breeze"] .theme-info p{color:#e0f2fe!important}.theme-card[data-theme="Forest Serenity"] .theme-info{background:#fff!important;border-top:1px solid #dcfce7!important;color:#166534!important}.theme-card[data-theme="Forest Serenity"] .theme-info h3{color:#166534!important}.theme-card[data-theme="Forest Serenity"] .theme-info p{color:#4ade80!important}.theme-card[data-theme="Warm Sunset"] .theme-info{background:#f97316!important;border-top:1px solid #f97316!important;color:#fff!important}.theme-card[data-theme="Warm Sunset"] .theme-info h3{color:#fff!important}.theme-card[data-theme="Warm Sunset"] .theme-info p{color:#ffedd5!important}.loading-indicator{position:absolute;right:20px;top:20px}.loading-dots{display:flex;gap:4px}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite;background:#3b82f6;background:var(--theme-accent,#3b82f6);border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.theme-settings-loading{align-items:center;background:#f8fafc;background:var(--theme-background,#f8fafc);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border:3px solid var(--theme-border,#e2e8f0);border-top-color:var(--theme-accent,#3b82f6)}.theme-settings-loading p{color:#64748b;color:var(--theme-secondary-text,#64748b);font-size:16px;margin:0}.toolbar-controls{align-items:center;display:flex;gap:10px}.toolbar-controls .reset-default{white-space:nowrap}@media (max-width:768px){.theme-settings-container{padding:20px 16px}.theme-toolbar{gap:8px}.toolbar-controls{width:100%}.toolbar-controls .theme-search{flex:1 1 auto}.toolbar-controls .reset-default{flex:0 0 auto}.theme-grid{gap:16px}.fixed-two-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card{margin-bottom:16px}.theme-preview{height:160px}.preview-sidebar{padding:8px 6px;width:60px}.theme-info{padding:16px}}@media (max-width:480px){.theme-settings-header h1{font-size:24px}.theme-settings-header p{font-size:14px}.fixed-two-rows{grid-template-columns:1fr}.theme-preview{height:140px}.preview-sidebar{padding:6px 4px;width:50px}.theme-info h3{font-size:16px}.theme-info p{font-size:13px}}.access-denied-container{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px;transition:all .3s ease}.access-denied-content{animation:fadeInUp .6s ease-out;border:1px solid #e2e8f0;border:1px solid var(--theme-border,#e2e8f0);border-radius:20px;box-shadow:0 20px 40px #0000001a,0 8px 32px #0000001a;max-width:500px;padding:60px 40px;text-align:center;transition:all .3s ease;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.access-denied-icon{margin-bottom:20px}.access-denied-icon,.smart-icon{align-items:center;display:flex;justify-content:center}.smart-icon{height:120px;position:relative;width:120px}.icon-circle{animation:pulse 2s ease-in-out infinite;border:3px solid;border-radius:50%;height:100px;opacity:.8;position:relative;width:100px}.icon-circle:before{animation:pulse 2s ease-in-out .5s infinite;border:2px solid;border-radius:50%;bottom:-5px;content:"";left:-5px;opacity:.6;position:absolute;right:-5px;top:-5px}.icon-dots{display:flex;gap:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon-dots span{animation:dotPulse 1.5s ease-in-out infinite;background:currentColor;border-radius:50%;height:12px;width:12px}.icon-dots span:first-child{animation-delay:0s}.icon-dots span:nth-child(2){animation-delay:.2s}.icon-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes dotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.access-denied-title{-webkit-text-fill-color:#0000!important;-webkit-background-clip:text!important;background-clip:text!important;color:#0000!important;display:inline-block;font-size:72px;font-weight:700;margin:0 0 10px;text-shadow:0 4px 8px #0000004d}.access-denied-subtitle{font-size:24px;font-weight:600;margin:0 0 15px}.access-denied-description{font-size:16px;line-height:1.6;margin:0 0 40px}.access-denied-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.access-denied-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.access-denied-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.access-denied-button:hover:before{left:100%}.access-denied-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.access-denied-button:hover:not(:disabled){box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.button-icon{font-size:18px;transition:transform .3s ease}.access-denied-button:hover:not(:disabled) .button-icon{transform:scale(1.1)}@media (max-width:768px){.access-denied-content{margin:20px;padding:40px 20px}.access-denied-title{font-size:56px}.access-denied-subtitle{font-size:20px}.access-denied-actions{align-items:center;flex-direction:column}.access-denied-button{max-width:200px;width:100%}}@media (prefers-reduced-motion:reduce){.access-denied-content{animation:none}.access-denied-button:before{display:none}.access-denied-button:hover:not(:disabled),.access-denied-button:hover:not(:disabled) .button-icon{transform:none}}@media (prefers-contrast:high){.access-denied-button,.access-denied-content{border:2px solid}}@media print{.access-denied-container{background:#fff!important;color:#000!important}.access-denied-actions{display:none}}.database-test{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.test-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:30px;padding:20px;text-align:center}.test-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.test-header p{font-size:1.1rem;margin:0;opacity:.9}.test-controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.test-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:180px;padding:12px 24px;transition:all .3s ease}.test-btn:disabled{cursor:not-allowed;opacity:.6}.test-btn.local{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.test-btn.local:hover:not(:disabled){box-shadow:0 6px 20px #4facfe66;transform:translateY(-2px)}.test-btn.direct{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.test-btn.direct:hover:not(:disabled){box-shadow:0 6px 20px #43e97b66;transform:translateY(-2px)}.test-btn.diagnostics{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#fff}.test-btn.diagnostics:hover:not(:disabled){box-shadow:0 6px 20px #ff9a9e66;transform:translateY(-2px)}.test-btn.clear{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.test-btn.clear:hover:not(:disabled){box-shadow:0 6px 20px #fa709a66;transform:translateY(-2px)}.test-results{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:20px}.test-results h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.5rem;margin:0 0 20px;padding-bottom:10px}.no-results{color:#666;font-style:italic;padding:40px;text-align:center}.test-result{background:#f8f9fa;border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:15px}.test-result.info{background:#e3f2fd;border-left-color:#17a2b8}.test-result.success{background:#e8f5e8;border-left-color:#28a745}.test-result.warning{background:#fff8e1;border-left-color:#ffc107}.test-result.error{background:#ffebee;border-left-color:#dc3545}.result-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.result-test{color:#333;font-size:1.1rem;font-weight:600}.result-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.info .result-status{background:#17a2b8;color:#fff}.success .result-status{background:#28a745;color:#fff}.warning .result-status{background:#ffc107;color:#212529}.error .result-status{background:#dc3545;color:#fff}.result-time{color:#666;font-family:monospace;font-size:.8rem}.result-message{color:#333;line-height:1.5;margin-bottom:10px}.result-details{margin-top:10px}.result-details summary{color:#007bff;cursor:pointer;font-weight:600;margin-bottom:10px}.result-details summary:hover{color:#0056b3}.result-details pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:.85rem;line-height:1.4;max-height:300px;overflow-x:auto;overflow-y:auto;padding:15px}.test-info{background:#f8f9fa;border-left:4px solid #007bff;border-radius:12px;padding:20px}.test-info h4{color:#333;font-size:1.2rem;margin:0 0 15px}.test-info ul{margin:0;padding-left:20px}.test-info li{color:#555;line-height:1.5;margin-bottom:8px}.test-info strong{color:#333}@media (max-width:768px){.database-test{padding:15px}.test-header h1{font-size:2rem}.test-controls{align-items:center;flex-direction:column}.test-btn{max-width:300px;width:100%}.result-header{align-items:flex-start;flex-direction:column}}.watched-records-container{background:radial-gradient(circle at 20% 80%,#667eea14 0,#0000 50%),radial-gradient(circle at 80% 20%,#764ba214 0,#0000 50%),linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:none!important;min-height:100vh;padding:32px;position:relative;width:100%!important}.watched-records-container:before{background:radial-gradient(600px circle at 50% 50%,#667eea08,#0000 40%);background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),#667eea08,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.watched-records-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.header-left{flex:1 1}.page-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.page-description{font-size:1.1rem;line-height:1.5;margin:0}.header-actions{display:flex;flex-shrink:0;gap:12px}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{box-shadow:0 4px 12px #00000014;gap:16px;padding:24px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{background:#ffffffe6;box-shadow:0 2px 8px #0000001a;font-size:2rem;height:56px;justify-content:center;width:56px}.stat-info{flex:1 1}.stat-number{font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px}.stat-label{font-size:.9rem;font-weight:500;opacity:.8}.filters-container{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:32px;padding:24px}.search-box{flex:1 1;min-width:250px;position:relative}.search-box input{border-radius:8px;font-size:1rem;padding:12px 16px 12px 44px;width:100%}.search-box input:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:#6b7280;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.filter-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filter-button-group{align-items:center;background:#0000000d;border-radius:8px;display:flex;gap:4px;padding:2px}.filter-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.filter-btn.active{box-shadow:0 2px 8px #3b82f64d;font-weight:600}.filter-btn[style*=border-left]{padding-left:20px;position:relative}.filter-btn[style*=border-left]:not(.active){border-left-style:solid!important;border-left-width:3px!important}@media (max-width:768px){.filter-buttons{gap:8px}.filter-button-group{flex-wrap:wrap;gap:2px}.filter-btn{font-size:12px;padding:6px 10px}}.records-container{min-height:400px}.records-grid{grid-gap:28px;display:grid;gap:28px;padding:16px 0}.records-grid.grid-cols-6{grid-template-columns:repeat(6,1fr)!important;margin:0 auto;max-width:none!important;width:100%}@media (min-width:769px){.records-grid.grid-cols-6{grid-template-columns:repeat(6,1fr)!important;max-width:none!important;width:100%!important}}@media (min-width:1920px){.watched-records-container{padding:32px}.record-image{height:180px;max-height:220px;min-height:160px}.records-grid.grid-cols-6{gap:18px;grid-template-columns:repeat(6,1fr)!important;max-width:none!important}}@media (min-width:2560px){.watched-records-container{padding:40px}.records-grid.grid-cols-6{gap:20px;grid-template-columns:repeat(6,1fr)!important;max-width:none!important}.record-image{height:170px;max-height:200px;min-height:150px}}@media (max-width:1200px) and (min-width:969px){.records-grid.grid-cols-6{grid-template-columns:repeat(6,1fr)!important;max-width:none!important}}.record-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff,#fafafa);border:1px solid #fffc;border-radius:20px;box-shadow:0 4px 24px #0000000f,0 2px 8px #0000000a;overflow:hidden;position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.record-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.record-card:hover:before{animation:gradientShift 3s linear infinite;opacity:1}@keyframes gradientShift{0%{background-position:200% 0}to{background-position:-200% 0}}.record-card:hover{box-shadow:0 12px 40px #0000001f,0 8px 16px #00000014;transform:translateY(-8px)}.record-card.select-mode{cursor:pointer;-webkit-user-select:none;user-select:none}.record-card.selected{box-shadow:0 8px 24px #3b82f633}.record-checkbox{left:8px;position:absolute;top:8px;z-index:10}.checkbox-icon{align-items:center;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.record-card.select-mode .record-header{padding-left:40px}.record-header{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;min-height:75px;padding:20px 24px;position:relative;z-index:1}.record-status{display:flex;flex-direction:column;gap:8px}.primary-badges{gap:10px}.primary-badges,.secondary-badges{align-items:center;display:flex;flex-wrap:wrap}.secondary-badges{gap:6px}.episode-badge,.status-badge,.tag-badge,.type-badge{box-shadow:0 1px 3px #0000001a;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.episode-badge.primary,.status-badge.primary{border-radius:16px;font-size:.85rem;font-weight:700;padding:8px 16px}.tag-badge.secondary,.type-badge.secondary{border-radius:12px;font-size:.7rem;font-weight:500;opacity:.9;padding:4px 10px}.hentai-badge{background:#dc2626!important}.ecchi-badge{background:#ea580c!important}.status-badge.completed{background:#10b981}.status-badge.watching{background:#f59e0b}.tag-settings-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.tag-settings-header p{font-size:.95rem;line-height:1.5;margin:0}.tag-settings-header .btn{align-items:center;align-self:flex-start;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.tag-settings-header .btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.tags-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.tag-item{align-items:center;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tag-item:before{background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tag-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.tag-item:hover:before{left:100%}.tag-item.updating{opacity:.7;transform:scale(.98)}@keyframes itemUpdate{0%{background-color:#3b82f61a}to{background-color:initial}}.tag-item.just-updated{animation:itemUpdate .6s ease-out}.tag-info{flex:1 1;min-width:0}.tag-name{word-wrap:break-word;font-size:1.1rem;font-weight:600;margin-bottom:4px}.tag-description{word-wrap:break-word;font-size:.9rem;line-height:1.4;margin:0}.tag-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:16px}.tag-actions .sort-controls{display:flex;flex-direction:column;gap:4px;margin-right:8px;position:relative}.tag-actions .sort-controls:before{color:#00000080;content:"ζεΊ";font-size:.7rem;font-weight:500;left:50%;opacity:0;position:absolute;top:-20px;transform:translateX(-50%);transition:opacity .2s ease;white-space:nowrap}.tag-actions .sort-controls:hover:before{opacity:1}.tag-actions .btn-icon{align-items:center;background:#0000000d;border:none;border-radius:6px;color:#000000b3;cursor:pointer;display:flex;font-size:.85rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.tag-actions .btn-icon:hover{background:#0000001a;color:#000000e6;transform:scale(1.05)}.tag-actions .btn-icon:focus{outline:2px solid #3b82f6;outline-offset:2px}.tag-actions .btn-icon:active{transform:scale(.95)}.tag-actions .btn-icon.btn-danger{background:#dc26261a;color:#dc2626}.tag-actions .btn-icon.btn-danger:hover{background:#dc262626;color:#991b1b}.tag-actions .action-group{align-items:center;display:flex;gap:4px}.tag-actions .action-group+.action-group{border-left:1px solid #0000001a;margin-left:8px;padding-left:8px}.empty-state{border:2px dashed #0000001a;border-radius:12px;padding:48px 24px;text-align:center}.empty-state:before{content:"π";display:block;font-size:2.5rem;margin-bottom:16px}.tag-form{border:1px solid #0000001a;border-radius:12px;margin-bottom:24px;padding:24px}.tag-form .form-group{margin-bottom:20px}.tag-form .form-group:last-of-type{margin-bottom:24px}.tag-form label{display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.tag-form input,.tag-form textarea{border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.tag-form input:focus,.tag-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.tag-form .form-actions{display:flex;gap:12px;justify-content:flex-end}.tag-form .form-actions .btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.tag-form .form-actions .btn:hover{transform:translateY(-1px)}@media (max-width:768px){.tag-item{align-items:stretch;flex-direction:column;gap:16px}.tag-actions{flex-wrap:wrap;justify-content:center;margin-left:0}.tag-form .form-actions{flex-direction:column}.tag-form .form-actions .btn{width:100%}}.record-status-clean{align-items:center;display:flex;flex:1 1}.status-indicator{align-items:center;display:flex;margin-bottom:4px}.status-indicator .status-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;box-shadow:0 4px 12px #00000026;font-size:.75rem;font-weight:700;letter-spacing:.8px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-indicator .status-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.status-indicator .status-badge:hover:before{left:100%}.status-badge.completed{background:linear-gradient(135deg,#00c851,#00a047)!important;box-shadow:0 4px 16px #00c85166}.status-badge.watching{background:linear-gradient(135deg,#ff9500,#f70)!important;box-shadow:0 4px 16px #ff950066}.progress-text,.status-text{align-items:center;display:flex;font-size:.9rem;gap:4px;margin-bottom:2px}.progress-text .progress-label,.status-text .status-label{color:inherit;font-weight:500}.progress-text .progress-value{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-weight:700;margin-left:4px;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s ease}.progress-text .progress-value:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.progress-text:hover .progress-value:before{left:100%}.status-text.completed .status-label{color:#27ae60;font-weight:600}.status-text.completed .final-episode{font-size:.8rem;font-weight:500;margin-left:4px}.category-info-below-title{display:flex;flex-direction:column;gap:6px;margin-top:8px}.tag-info-text,.types-info-text{align-items:center;display:flex;font-size:.85rem;gap:6px;line-height:1.4}.info-label{min-width:fit-content}.tag-value{font-weight:600}.types-list{align-items:center;display:flex;flex-wrap:wrap}.type-text{font-weight:600}@media (min-width:768px){.list-content .category-info-below-title{flex-direction:row;gap:12px;margin-top:6px}.list-content .progress-text,.list-content .status-text{margin-bottom:4px}}@media (max-width:767px){.progress-text,.status-text{font-size:.85rem}.tag-info-text,.types-info-text{font-size:.8rem}.category-info-below-title{gap:4px;margin-top:6px}}.title-section{margin-top:12px;position:relative;z-index:1}.title-section .record-title{margin:0}.title-section .record-description,.title-section .record-title{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.list-content .title-section{margin-top:0}.list-content .title-section .record-title{font-size:1rem;margin-bottom:2px}.list-content .title-section .record-description{-webkit-line-clamp:1;line-clamp:1;font-size:.8rem}.record-actions{display:flex;gap:8px}.btn-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:none;border-radius:12px;box-shadow:0 4px 12px #00000014,inset 0 1px 0 #fff3;color:#374151;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-icon:before{background:radial-gradient(circle,#fff6 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.btn-icon:hover:before{opacity:1}.btn-icon:hover{box-shadow:0 8px 20px #0000001f,inset 0 1px 0 #ffffff4d;color:#1f2937;transform:translateY(-2px)}.btn-icon:active{box-shadow:0 2px 8px #00000026,inset 0 1px 0 #fff3;transform:translateY(0)}.btn-icon.btn-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.btn-icon.btn-danger:hover{background:linear-gradient(135deg,#fca5a5,#f87171);color:#991b1b}.record-image{align-items:center;aspect-ratio:auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;display:flex;height:160px;justify-content:center;max-height:200px;min-height:140px;overflow:hidden;position:relative;width:100%}.record-image img{background:#f8fafc;cursor:default;filter:brightness(1) contrast(1.05);height:100%;left:0;object-fit:contain;object-position:center;position:absolute;top:0;width:100%}.record-image.adaptive{height:auto;max-height:600px;min-height:400px}.record-image.adaptive img{background:#f8f9fa;height:auto;min-height:400px;object-fit:contain;position:static}.record-zoom-icon{background:#000000b3;box-shadow:0 2px 8px #0000004d;font-size:12px;height:28px;opacity:1;padding:6px;pointer-events:auto;right:10px;top:10px;width:28px;z-index:2}.record-play-button,.record-zoom-icon{align-items:center;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute}.record-play-button{background:#000c;box-shadow:0 4px 16px #0006;font-size:20px;height:48px;left:50%;opacity:0;padding:12px;pointer-events:none;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease;width:48px;z-index:3}.record-image:before{background:#0000004d;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.record-image:hover:before{opacity:1}.record-image:hover .record-play-button{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1.05)}.image-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:20px;margin-bottom:8px;width:20px}.image-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;color:#94a3b8;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;padding:16px;width:100%}.image-placeholder svg{color:#64748b;font-size:48px;margin-bottom:12px;opacity:.6}.record-content{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;padding:20px 24px 24px;position:relative;z-index:1}.record-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis}.record-title.record-title-link{border-bottom:1px solid #0000;cursor:pointer;text-decoration:none}.record-title.record-title-link:hover{opacity:.8;text-decoration:underline}.record-info{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.8rem;font-weight:500;opacity:.7}.btn,.info-value{font-size:.9rem;font-weight:600}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;padding:12px 24px;text-decoration:none}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#f3f4f6;color:#374151}.btn-warning{background:#f59e0b;color:#fff}.btn-danger{background:#ef4444;color:#fff}.empty-container,.error-container,.loading-container{border-radius:16px;box-shadow:0 4px 12px #00000014;padding:64px 32px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f61a;border-left-color:#3b82f6;border-radius:50%;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:16px;box-shadow:0 20px 64px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.modal-footer{border-top:1px solid #00000014;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:24px}form{padding:0 24px}.form-group{margin-bottom:24px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group small{display:block;font-size:.8rem;margin-top:4px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-weight:500;gap:12px;margin-bottom:0}.checkbox-label input[type=checkbox]{display:none}.checkmark{align-items:center;border:2px solid #d1d5db;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"β";font-size:12px;font-weight:700}.api-modal{max-width:700px}.api-modal-content{padding:0 24px 24px}.api-key-section{margin:24px 0}.api-key-display{display:flex;gap:12px;margin-bottom:16px}.api-key-display input{flex:1 1;font-size:.9rem}.api-key-actions{display:flex;justify-content:center}.api-usage-info{border-radius:8px;margin-top:24px;padding:20px}.api-usage-info h4{font-size:1.1rem;margin:0 0 12px}.api-usage-info ul{margin:0;padding-left:20px}.api-usage-info li{line-height:1.5;margin-bottom:8px}.api-usage-info code{background:#0000000d;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;padding:2px 6px}@media (max-width:768px) and (min-width:481px){.watched-records-container{padding:16px}.watched-records-header{flex-direction:column;gap:16px}.header-actions{align-self:stretch;justify-content:stretch}.header-actions .btn{flex:1 1}.page-title{font-size:2rem}.stats-container{gap:12px;grid-template-columns:1fr}.stat-card{padding:16px}.filters-container{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.search-box{min-width:0;min-width:auto}.filter-buttons{flex-direction:column;gap:12px}.filter-buttons .btn{width:100%}.records-grid,.records-grid.grid-cols-6{gap:12px;grid-template-columns:repeat(6,1fr)!important;max-width:none!important}.record-image{height:150px;max-height:180px;min-height:130px}.record-zoom-icon{font-size:10px;height:24px;padding:5px;right:8px;top:8px;width:24px}.record-play-button{font-size:16px;height:40px;padding:10px;width:40px}.form-row{grid-template-columns:1fr}.modal-content{margin:10px;max-width:95vw}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}@media (max-width:480px){.watched-records-container{padding:12px}.page-title{font-size:1.8rem}.stat-card{padding:12px}.stat-icon{height:48px;width:48px}.stat-icon,.stat-number{font-size:1.5rem}.record-card{border-radius:12px}.record-image{height:140px;max-height:160px;min-height:120px}.record-zoom-icon{font-size:9px;height:22px;padding:4px;right:6px;top:6px;width:22px}.record-play-button{font-size:14px;height:36px;padding:8px;width:36px}.records-grid,.records-grid.grid-cols-6{gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;max-width:none!important}.record-content{padding:16px}.api-modal-content,.modal-footer,.modal-header,form{padding-left:16px;padding-right:16px}}@media (prefers-color-scheme:dark){.btn-secondary{background:#374151;color:#f9fafb}.search-icon{color:#9ca3af}}.records-list{display:flex;flex-direction:column;gap:12px}.record-list-item{border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.record-list-item.selected{box-shadow:0 4px 16px #3b82f640;transform:translateY(-1px)}.record-header.list-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.record-main.list-main{align-items:flex-start;display:flex;gap:16px}.record-image.list-image{border-radius:8px;flex-shrink:0;height:150px;max-height:180px;min-height:120px;overflow:hidden;position:relative;width:100px}.record-image.list-image .record-zoom-icon{font-size:8px;height:20px;padding:3px;right:4px;top:4px;width:20px}.record-image.list-image .record-play-button{font-size:12px;height:28px;padding:6px;width:28px}.record-image.list-image img{height:100%;object-fit:cover;width:100%}.record-image.list-image .image-placeholder{align-items:center;background-color:#f3f4f6;color:#6b7280;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:center;width:100%}.record-image.list-image .image-placeholder svg{font-size:24px;margin-bottom:4px}.record-content.list-content{flex:1 1;min-width:0}.record-content.list-content .record-title{color:inherit;font-size:18px;font-weight:600;line-height:1.4;margin-bottom:8px}.record-info.list-info{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.record-info.list-info .info-item{display:flex;flex-direction:column;gap:2px}.record-info.list-info .info-label{font-size:12px;font-weight:500;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.record-info.list-info .info-value{font-size:14px;font-weight:600}@media (max-width:768px){.record-main.list-main{flex-direction:column;gap:12px}.record-image.list-image{align-self:center;height:150px;max-height:180px;max-width:180px;min-height:130px;width:100%}.record-info.list-info{flex-direction:column;gap:8px}.record-info.list-info .info-item{align-items:center;flex-direction:row;justify-content:space-between}.record-header.list-header{align-items:stretch;flex-direction:column;gap:12px}.record-actions,.record-status{display:flex;gap:8px;justify-content:center}}@media (max-width:480px){.records-list{gap:8px}.record-list-item{border-radius:6px;padding:12px}.record-image.list-image{height:120px;max-height:140px;max-width:140px;min-height:100px}.record-content.list-content .record-title{font-size:16px}}@media print{.filters-container,.modal-overlay,.record-actions,.watched-records-header .header-actions{display:none!important}.watched-records-container{padding:0}.record-card,.record-list-item{border:1px solid #e5e7eb;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.records-list{gap:8px}}
/*# sourceMappingURL=main.8b2356dc.css.map*/