@charset "UTF-8";@font-face{font-family:Poppins-Regular;src:url(/assets/Poppins-Regular-9Z1JLYzR.ttf)}@font-face{font-family:Poppins-Light;src:url(/assets/Poppins-Light-snMfvh7T.ttf) format("truetype")}@font-face{font-family:Poppins-ExtraLight;src:url(/assets/Poppins-ExtraLight-hovOLHbT.ttf)}html{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:root{--color-background: #ffffff;--color-foreground: #333333;--color-background-alt: var( --color-background );--color-background-alt-light: #f6f6f6;--color-links: rgb(21, 68, 156);--color-table-row-updated: #aaaaaa;--color-nav-subnav-active: var( --color-background-alt-light );--color-primary: #60a5fa;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-accent: #f1f5f9;--bg-hover: #e2e8f0;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-muted: #94a3b8;--accent-primary: #3b82f6;--accent-primary-rgb: 59, 130, 246;--accent-error: #ef4444;--accent-error-rgb: 239, 68, 68;--border-color: #e2e8f0;--color-background-primary: #ffffff;--color-background-secondary: #f8fafc;--color-background-tertiary: #f1f5f9;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-border-primary: #e2e8f0;--color-primary: #3b82f6;--color-primary-rgb: 59, 130, 246;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--breakpoint-mobile: 400px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1366px;--datatable-background: #ffffff;--datatable-border: rgba(0, 0, 0, .08);--datatable-border-radius: 16px;--datatable-shadow: 0 4px 20px rgba(0, 0, 0, .08);--datatable-shadow-hover: 0 8px 32px rgba(0, 0, 0, .12);--datatable-header-background: linear-gradient(135deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .01) 100%);--datatable-header-border: rgba(0, 0, 0, .06);--datatable-header-text: #374151;--datatable-header-text-hover: #1f2937;--datatable-row-background: transparent;--datatable-row-background-alt: rgba(0, 0, 0, .02);--datatable-row-background-hover: rgba(59, 130, 246, .04);--datatable-row-border: rgba(0, 0, 0, .04);--datatable-row-text: var(--color-foreground);--datatable-control-background: rgba(255, 255, 255, .8);--datatable-control-border: rgba(0, 0, 0, .1);--datatable-control-border-radius: 8px;--datatable-control-shadow: 0 2px 8px rgba(0, 0, 0, .06)}.card,.btn,.modal,.nav-item,.data-table,input,textarea,select,button{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),box-shadow var(--transition-normal)}.dark{--color-background: #0f172a;--color-foreground: #f1f5f9;--color-background-alt: #1e293b;--color-background-alt-light: #334155;--color-links: #60a5fa;--color-table-row-updated: #64748b;--color-nav-subnav-active: var( --color-background-alt-light );--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-accent: #334155;--bg-hover: #475569;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #94a3b8;--accent-primary: #60a5fa;--accent-primary-rgb: 96, 165, 250;--accent-error: #f87171;--accent-error-rgb: 248, 113, 113;--border-color: #334155;--color-border: var(--border-color);--color-background-primary: #0f172a;--color-background-secondary: #1e293b;--color-background-tertiary: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border-primary: #334155;--color-primary: #60a5fa;--color-primary-rgb: 96, 165, 250;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--datatable-background: #1e293b;--datatable-border: rgba(255, 255, 255, .1);--datatable-shadow: 0 4px 20px rgba(0, 0, 0, .3);--datatable-shadow-hover: 0 8px 32px rgba(0, 0, 0, .4);--datatable-header-background: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100%);--datatable-header-border: rgba(255, 255, 255, .1);--datatable-header-text: #cbd5e1;--datatable-header-text-hover: #f1f5f9;--datatable-row-background: transparent;--datatable-row-background-alt: rgba(255, 255, 255, .02);--datatable-row-background-hover: rgba(96, 165, 250, .1);--datatable-row-border: rgba(255, 255, 255, .05);--datatable-row-text: var(--text-primary);--datatable-control-background: rgba(30, 41, 59, .8);--datatable-control-border: rgba(255, 255, 255, .1);--datatable-control-shadow: 0 2px 8px rgba(0, 0, 0, .3)}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;width:100%;margin:0;padding:0;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}#root{width:100%;margin:0;padding:0;overflow-x:hidden}#root a:not(.nav-item):not(.subnav-item):not(.logo-link):hover,#root a:not(.nav-item):not(.subnav-item):not(.logo-link):active,#root a:not(.nav-item):not(.subnav-item):not(.logo-link):link,#root a:not(.nav-item):not(.subnav-item):not(.logo-link):visited{color:var(--color-links);text-decoration:none}#root input,#root select{border:0;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--color-background);color:var(--color-foreground);font-size:.9rem;min-width:120px;transition:all .2s ease}#root input:disabled,#root select:disabled{background-color:var(--color-background)}#root input:focus,#root select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}#root input:hover,#root select:hover{border-color:var(--color-primary)}#root input[type=checkbox]+label:before,#root select[type=checkbox]+label:before{background-color:#fff3;border:1px solid rgba(255,255,255,.3);outline:none}#root input[type=checkbox]+label:after,#root select[type=checkbox]+label:after{background-color:#64748b;color:#fff}#root input[type=checkbox]:checked+label:before,#root select[type=checkbox]:checked+label:before{background-color:#10b981;border-color:#059669}#root input[type=checkbox]:checked+label:after,#root select[type=checkbox]:checked+label:after{background-color:#fff;color:#10b981}body{font-family:Poppins-Light,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:1em}h1,h2,h3,h4,h5,h6{text-align:center}h1{font-size:4em}h2{font-size:3em}h3{font-size:1.7em}b,strong{font-weight:700}p{margin:.7em 0}.add-new-group-note-container{width:100%}.add-new-group-note-container .edit-form-section .edit-form-fields{padding:1rem}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-out{animation:fade-out .4s ease-in-out forwards}.fade-in{animation:fade-in .4s ease-in-out forwards}.fade-out-fast{animation:fade-out .2s ease-in-out forwards}.fade-in-fast{animation:fade-in .2s ease-in-out forwards}.fade-out-slow{animation:fade-out .6s ease-in-out forwards}.fade-in-slow{animation:fade-in .6s ease-in-out forwards}.animated-container{overflow:hidden}.animated-container .animated-content{width:100%;transition:all .3s ease-in-out;transform-origin:top}.animated-container .animated-content:empty{max-height:0;opacity:0;transform:scaleY(0)}.animated-container .animated-content:not(:empty){max-height:1000px;opacity:1;transform:scaleY(1)}.admin-notifications-bell{position:relative;display:flex;align-items:center}.admin-notifications-bell .bell-icon-button{position:relative;background:none;border:none;color:var(--text-secondary);font-size:1.25rem;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.admin-notifications-bell .bell-icon-button:hover{color:var(--text-primary);background-color:var(--bg-hover)}.admin-notifications-bell .bell-icon-button.animate{animation:bellRing .8s ease-in-out}.admin-notifications-bell .bell-icon-button .notification-badge{position:absolute;top:-2px;right:-2px;background-color:var(--accent-error);color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 1px 3px #0003}.admin-notifications-panel{position:fixed;top:4rem;right:1rem;width:420px;max-height:80vh;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999999;display:flex;flex-direction:column;animation:slideInFromRight .3s ease-out}.admin-notifications-panel .panel-header{padding:1rem 1.5rem .75rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:center;justify-content:space-between}.admin-notifications-panel .panel-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.admin-notifications-panel .panel-header .close-button{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;line-height:1;transition:color .2s ease;min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.admin-notifications-panel .panel-header .close-button:hover{color:var(--text-primary);background-color:#ffffff1a}.admin-notifications-panel .panel-header .close-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.admin-notifications-panel .panel-content{flex:1;overflow-y:auto;max-height:400px}.admin-notifications-panel .panel-content .loading-state,.admin-notifications-panel .panel-content .empty-state{padding:2rem 1.5rem;text-align:center;color:var(--text-secondary);font-style:italic}.admin-notifications-panel .panel-content .notifications-list-container{position:relative}.admin-notifications-panel .panel-content .refresh-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;align-items:center;justify-content:center;background:rgba(var(--background-primary-rgb),.9);border-radius:50%;width:40px;height:40px}.admin-notifications-panel .panel-content .refresh-loader .loader-spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-notifications-panel .panel-content .notifications-list{transition:opacity var(--transition-medium)}.admin-notifications-panel .panel-content .notifications-list .notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast);position:relative}.admin-notifications-panel .panel-content .notifications-list .notification-item:hover{background-color:var(--bg-hover)}.admin-notifications-panel .panel-content .notifications-list .notification-item:last-child{border-bottom:none}.admin-notifications-panel .panel-content .notifications-list .notification-item.unread{background-color:var(--bg-accent)}.admin-notifications-panel .panel-content .notifications-list .notification-item.unread:hover{background-color:var(--bg-hover)}.admin-notifications-panel .panel-content .notifications-list .notification-item.dismissing{animation:slideOutRight .4s ease-out forwards}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-content{flex:1;min-width:0}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-content .notification-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;line-height:1.4}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-content .notification-text{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-content .notification-action-link{display:inline-block;padding:.375rem .75rem;margin:.5rem 0;background-color:#3b82f6cc;color:#fff!important;text-decoration:none;border-radius:4px;font-size:.8125rem;font-weight:500;transition:background-color .2s ease}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-content .notification-action-link:hover{background-color:#3b82f6;color:#fff!important;text-decoration:none}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-content .notification-time{color:var(--text-tertiary);font-size:.75rem}.admin-notifications-panel .panel-content .notifications-list .notification-item .unread-dot{position:absolute;top:1rem;right:1rem;width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;flex-shrink:0}.admin-notifications-panel .panel-footer{padding:.75rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 var(--radius-md) var(--radius-md);display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-notifications-panel .panel-footer .mark-all-read-btn{background:none;border:none;color:var(--accent-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem 0;transition:color var(--transition-fast)}.admin-notifications-panel .panel-footer .mark-all-read-btn:hover:not(:disabled){color:var(--accent-primary-hover)}.admin-notifications-panel .panel-footer .mark-all-read-btn:disabled{color:var(--text-tertiary);cursor:not-allowed}.admin-notifications-panel .panel-footer .view-all-link{color:var(--accent-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.admin-notifications-panel .panel-footer .view-all-link:hover{color:var(--accent-primary-hover)}.admin-notifications-panel .panel-footer .view-all-link.disabled{color:var(--text-tertiary);cursor:not-allowed;pointer-events:none}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1;max-height:200px}50%{transform:translate(100%);opacity:0;max-height:200px}to{transform:translate(100%);opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}}@media (max-width: 768px){.admin-notifications-panel{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;max-height:100vh;border-radius:0;animation:slideInFromBottom .3s ease-out}.admin-notifications-panel .panel-header{border-radius:0;position:relative;display:flex;align-items:center;justify-content:space-between}.admin-notifications-panel .panel-header .close-button{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;line-height:1;transition:color .2s ease;min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.admin-notifications-panel .panel-header .close-button:hover{color:var(--text-primary);background-color:#ffffff1a}.admin-notifications-panel .panel-header .close-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.admin-notifications-panel .panel-content{max-height:none;flex:1}.admin-notifications-panel .panel-footer{border-radius:0}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.admin-notifications-bell .bell-icon-button{padding:.375rem;font-size:1.125rem}.admin-notifications-bell .bell-icon-button .notification-badge{font-size:.6875rem;padding:.0625rem .25rem;min-width:16px;height:16px}.admin-notifications-panel .panel-header,.admin-notifications-panel .panel-content .notifications-list .notification-item,.admin-notifications-panel .panel-footer{padding-left:1rem;padding-right:1rem}.admin-notifications-panel .panel-content .notifications-list .notification-item{gap:.5rem}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-content .notification-title{font-size:.875rem}.admin-notifications-panel .panel-content .notifications-list .notification-item .notification-content .notification-text{font-size:.8125rem}}.app-update-notification{position:fixed;top:1rem;right:1rem;z-index:9999;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:1rem;max-width:400px;display:flex;align-items:center;gap:1rem;animation:slideInRight .3s ease-out}.app-update-notification:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--color-blue),var(--color-purple));border-radius:var(--radius-md);z-index:-1;opacity:.1}.app-update-notification .app-update-content{display:flex;align-items:center;gap:.75rem;flex:1}.app-update-notification .app-update-content .app-update-icon{color:var(--color-blue);font-size:1.25rem;flex-shrink:0}.app-update-notification .app-update-content .app-update-message{display:flex;flex-direction:column;gap:.25rem}.app-update-notification .app-update-content .app-update-message strong{color:var(--text-primary);font-weight:600;font-size:.9rem}.app-update-notification .app-update-content .app-update-message span{color:var(--text-secondary);font-size:.8rem;line-height:1.3}.app-update-notification .app-update-actions{display:flex;gap:.5rem;flex-shrink:0}.app-update-notification .app-update-actions .app-update-btn{padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.app-update-notification .app-update-actions .app-update-btn:disabled{opacity:.6;cursor:not-allowed}.app-update-notification .app-update-actions .app-update-btn-primary{background:var(--color-blue);color:#fff;border-color:var(--color-blue)}.app-update-notification .app-update-actions .app-update-btn-primary:hover:not(:disabled){background:var(--color-blue-dark);border-color:var(--color-blue-dark)}.app-update-notification .app-update-actions .app-update-btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-color)}.app-update-notification .app-update-actions .app-update-btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.app-update-notification{top:.5rem;right:.5rem;left:.5rem;max-width:none;padding:.75rem}.app-update-notification .app-update-content .app-update-message strong{font-size:.85rem}.app-update-notification .app-update-content .app-update-message span{font-size:.75rem}.app-update-notification .app-update-actions .app-update-btn{padding:.4rem .6rem;font-size:.75rem}}@media (display-mode: standalone){.app-update-notification{border-width:2px;border-color:var(--color-blue)}.app-update-notification:before{opacity:.2}.app-update-notification .app-update-content .app-update-icon{color:var(--color-blue);font-size:1.5rem}}.btn{color:#fff;background-color:transparent;outline:0;transition:background-color .3s ease;font-family:PrintClearly-Bold,sans-serif;cursor:pointer;white-space:nowrap;box-sizing:border-box;max-width:100%}.btn:disabled{opacity:.5}@media (max-width: 768px){.btn{white-space:normal;word-wrap:break-word}}.btn-square{border:0}.btn-round{border:0;border-radius:8px}.btn-lg{padding:13.3333333333px 50px;font-size:2vw}@media (max-width: 1024px){.btn-lg{font-size:1.1rem;padding:10px 30px}}.btn-md{padding:10px 40px;font-size:1em}.btn-sm{padding:8px 20px;font-size:.8em}.btn-filled-red{background-color:#900}.btn-filled-green{background-color:#248d50}.btn-filled-blue{background-color:#3498db}.btn-filled-orange{background-color:#e67e22}.btn-filled-yellow{background-color:#f1c40f}.btn-filled-purple{background-color:#805ad5}.btn-filled-grey{background-color:#7f8c8d}.btn-filled-dark-grey{background-color:#3e4646;color:#fff!important}.btn-ghost-green{border:2px solid #248d50;color:#248d50}.btn-ghost-blue{border:2px solid #3498db;color:#3498db}.btn-ghost-red{border:2px solid #990000;color:#900}.btn-ghost-orange{border:2px solid #e67e22;color:#e67e22}.btn-ghost-yellow{border:2px solid #f1c40f;color:#f1c40f}.btn-ghost-grey{border:2px solid #7f8c8d;color:#7f8c8d}.btn-ghost-dark-grey{border:2px solid #3e4646;color:#3e4646}.btn-icon:not(.btn-icon-only) .svg-inline--fa{display:none}.btn-icon.btn-icon-only{background-color:transparent;color:currentColor}.btn-icon.btn-icon-only.btn-md{padding:10px}@media screen and (max-width: 980px){.btn-icon-only .text{display:none}.btn-icon-only .svg-inline--fa{display:block!important}}.copy-to-clipboard-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.9rem;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.copy-to-clipboard-button:hover{background-color:var(--color-background-hover);color:var(--color-text)}.copy-to-clipboard-button.copied{color:var(--color-success)}.copy-draw-link-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;padding:.25rem;border-radius:4px;transition:all .2s ease;margin-left:.5rem}.copy-draw-link-button:hover{background-color:var(--color-background-hover);color:var(--color-primary)}.copy-draw-link-button.copying{color:var(--color-warning);cursor:wait}.copy-draw-link-button.copied{color:var(--color-success)}.copy-draw-link-button:disabled{cursor:not-allowed;opacity:.6}.dark .btn-filled-dark-grey{background-color:#64748b!important;color:#fff!important}.dark .btn-filled-dark-grey:hover:not(:disabled){background-color:#475569!important}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl)}.card .card-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary)}.card .card-header .card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.card .card-header .card-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.card .card-header.with-border{border-bottom:1px solid var(--border-color)}.card .card-body{padding:1.5rem}.card .card-body .card-text{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.card .card-body .card-text:last-child{margin-bottom:0}.card .card-footer{padding:1rem 1.5rem;background-color:transparent;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:1rem}.card .card-footer.text-center{justify-content:center}.card .card-footer.text-right{justify-content:flex-end}.card.card-sm .card-header{padding:1rem}.card.card-sm .card-header .card-title{font-size:1.125rem}.card.card-sm .card-body{padding:1rem}.card.card-sm .card-footer{padding:.75rem 1rem}.card.card-lg .card-header{padding:2rem}.card.card-lg .card-header .card-title{font-size:1.5rem}.card.card-lg .card-body{padding:2rem}.card.card-lg .card-footer{padding:1.5rem 2rem}.card.card-interactive{cursor:pointer;transition:all var(--transition-fast)}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid.card-grid-sm{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.card-grid.card-grid-lg{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}@media (max-width: 768px){.card-grid{grid-template-columns:1fr;gap:1rem}}.chart-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-md);max-width:100%}@media (max-width: 1024px){.chart-section{padding:1rem;width:100%;margin-bottom:0}}@media (max-width: 480px){.chart-section{padding:.5rem}}.chart-section .chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;padding:.25rem}@media (max-width: 1024px){.chart-section .chart-header{flex-direction:row;align-items:center;gap:1.5rem;margin-bottom:.5rem}}.chart-section .chart-header .chart-title-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.chart-section .chart-header .chart-title-section .current-range{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}@media (max-width: 768px){.chart-section .chart-header .chart-title-section .current-range{display:none}}.chart-section .chart-header .chart-date-picker{flex-shrink:0}.chart-section .chart-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;width:100%}.chart-section .chart-summary .period-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.chart-section .chart-summary .period-totals .period-total{display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-section .chart-summary .period-totals .period-total.profit .total-value{font-weight:700;color:var(--accent-primary)}.chart-section .chart-summary .period-totals .period-total .total-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chart-section .chart-summary .period-totals .period-total .total-value{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.chart-section .chart-summary .period-totals .period-total .total-value .percentage-change{font-size:.875rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm)}.chart-section .chart-summary .period-totals .period-total .total-value .percentage-change.positive{background:rgba(16,185,129,.1);color:#10b981}.chart-section .chart-summary .period-totals .period-total .total-value .percentage-change.negative{background:rgba(239,68,68,.1);color:#ef4444}.chart-section .chart-summary .reference-period{padding-top:1rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:1rem}.chart-section .chart-summary .reference-period .reference-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.chart-section .chart-summary .reference-period .reference-value{font-size:.875rem;color:var(--text-muted)}.chart-container{position:relative;width:100%;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.25rem;overflow:hidden;max-width:100%;margin-bottom:1rem}.chart-container .no-chart-data{display:flex;align-items:center;justify-content:center;height:250px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-style:italic}@media (max-width: 1024px){.chart-container .no-chart-data{height:200px}}.chart-container .line-chart{width:100%;height:400px;max-width:100%}@media (max-width: 1024px){.chart-container .line-chart{height:300px}}@media (max-width: 400px){.chart-container .line-chart{height:250px}}.chart-container.dashboard-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}.chart-container.dashboard-chart .chart{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1600px}.chart-container.dashboard-chart .chart .totals{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;font-size:20px;gap:20px}.chart-container.dashboard-chart .chart .totals .row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;width:calc(25% - 40px)}.chart-container.dashboard-chart .chart .totals .row.net-total{width:100%;font-size:24px}.chart-container.dashboard-chart .chart .totals .row .key{display:flex;flex-direction:column;align-items:center;justify-content:center}.chart-container.dashboard-chart .chart .totals .row .value{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;gap:.25rem}.chart-container.dashboard-chart .chart .totals .row .value .ref-total{font-size:.75em;color:var(--text-secondary);font-weight:400;margin-top:.25rem}.chart-container.dashboard-chart .chart .line-chart{width:100%}.chart-container.dashboard-chart .chart-options{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:1rem}.chart-container.dashboard-chart .chart-options select{font-size:20px;padding:.75rem;width:350px}@media screen and (max-width: 800px){.chart-container.dashboard-chart .chart .totals{flex-direction:column;gap:0;font-size:16px}.chart-container.dashboard-chart .chart .totals .row{width:100%}}.card-chart{position:relative;height:300px;width:100%}.card-chart .chart-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.card-chart .chart-container .chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.card-chart .chart-container .chart-header .chart-title-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.card-chart .chart-container .chart-header .chart-title-section .current-range{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}@media (max-width: 768px){.card-chart .chart-container .chart-header .chart-title-section .current-range{display:none}}.card-chart .chart-container .chart-content{flex:1;position:relative;min-height:200px}.card-chart .chart-container .no-chart-data{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-style:italic;font-size:.9rem}.card-chart .chart-container .chart-summary .period-total{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.card-chart .chart-container .chart-summary .period-total .total-label{color:var(--text-secondary);font-weight:500}.card-chart .chart-container .chart-summary .period-total .total-value{color:var(--accent-primary);font-weight:600}.card-chart .simple-chart{height:100%;position:relative;min-height:200px}.card-chart .simple-chart__y-axis{position:absolute;left:0;top:0;bottom:30px;width:35px;display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);opacity:.8;text-align:right;padding-right:.5rem}.card-chart .simple-chart__y-axis div{line-height:1;height:1em;display:flex;align-items:center;justify-content:flex-end}.card-chart .simple-chart__chart-area{margin-left:40px;height:calc(100% - 35px);position:relative;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow:hidden}.card-chart .simple-chart__bars{display:flex;align-items:flex-end;height:100%;padding:.5rem;gap:2px}.card-chart .simple-chart__bar{flex:1;background:var(--bg-tertiary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:2px;transition:all var(--transition-fast);cursor:pointer;position:relative}.card-chart .simple-chart__bar--has-data{background:linear-gradient(180deg,var(--accent-primary) 0%,rgba(var(--accent-primary-rgb),.7) 100%);box-shadow:0 2px 4px rgba(var(--accent-primary-rgb),.2)}.card-chart .simple-chart__bar:hover{background:var(--bg-hover)}.card-chart .simple-chart__x-axis{margin-left:40px;height:30px;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);opacity:.8;padding:.5rem .5rem 0}.card-chart .simple-chart__x-axis div{text-align:center;line-height:1}.card-chart .simple-chart__no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-style:italic;font-size:.9rem;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-md)}@media (max-width: 1024px){.card-chart{height:220px;padding:1rem}.card-chart .simple-chart__y-axis{width:30px;font-size:.7rem;bottom:25px}.card-chart .simple-chart__chart-area{margin-left:35px;height:calc(100% - 30px)}.card-chart .simple-chart__x-axis{margin-left:35px;height:25px;font-size:.7rem}}@media (max-width: 400px){.card-chart{height:200px;padding:.75rem}}.chart-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-style:italic}.chart-loading .loading-spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.chart-tooltip{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.75rem;color:var(--text-primary);box-shadow:var(--shadow-lg);pointer-events:none;z-index:1000;white-space:nowrap}.chart-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--border-color)}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:3px solid transparent;border-top-color:var(--bg-primary);margin-top:-1px}.database-backup .backup-details{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin:16px 0}.database-backup .backup-detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.database-backup .backup-detail-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:8px;padding-bottom:8px}.database-backup .backup-detail-label{font-weight:600;color:#ffffffb3;min-width:80px}.database-backup .backup-detail-value{color:#ffffffe6;text-align:right;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.database-backup .warning-text{color:#ff6b6b;text-align:center;margin-top:16px;font-size:14px}.datatable-results.databaseBackups tr.entry.clickable:hover{background-color:#3b82f61a;cursor:pointer}.datatable-results.databaseBackups tr.entry.clickable:active{background-color:#3b82f633}section.backup .collections-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}section.backup .collections-list .collection-tag{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:4px;padding:4px 8px;font-size:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:#ffffffe6}section.backup .errors-list{margin-top:8px}section.backup .errors-list .error-message{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:4px;padding:8px 12px;margin-bottom:8px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;color:#ff6b6b;word-break:break-word}section.backup .errors-list .error-message:last-child{margin-bottom:0}section.backup .backup-status,section.backup .backup-type{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}section.backup .backup-status.backup-status-pending{background:rgba(156,163,175,.2);color:#9ca3af}section.backup .backup-status.backup-status-queued{background:rgba(59,130,246,.2);color:#3b82f6}section.backup .backup-status.backup-status-processing{background:rgba(251,191,36,.2);color:#fbbf24}section.backup .backup-status.backup-status-complete{background:rgba(34,197,94,.2);color:#22c55e}section.backup .backup-status.backup-status-failed{background:rgba(239,68,68,.2);color:#ef4444}section.backup .backup-status.backup-status-cancelled{background:rgba(156,163,175,.2);color:#9ca3af}section.backup .backup-type.backup-type-backup{background:rgba(34,197,94,.2);color:#22c55e}section.backup .backup-type.backup-type-restore{background:rgba(59,130,246,.2);color:#3b82f6}.date-range-modal .rdrCalendarWrapper{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;font-family:Poppins-Light,sans-serif!important;box-shadow:var(--shadow-lg)!important}.date-range-modal .rdrMonth{background-color:var(--bg-card)!important}.date-range-modal .rdrMonthAndYearWrapper{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-color)!important;padding:1rem!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important}.date-range-modal .rdrMonthAndYearPickers{color:var(--text-primary)!important}.date-range-modal .rdrMonthPicker select,.date-range-modal .rdrYearPicker select{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important;padding:.25rem .5rem!important;font-weight:600!important}.date-range-modal .rdrMonthPicker select:focus,.date-range-modal .rdrYearPicker select:focus{outline:none!important;border-color:var(--accent-primary)!important}.date-range-modal .rdrPprevButton,.date-range-modal .rdrNextButton{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.date-range-modal .rdrPprevButton:hover,.date-range-modal .rdrNextButton:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.date-range-modal .rdrWeekDays{background-color:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}.date-range-modal .rdrWeekDay{color:var(--text-secondary)!important;font-weight:600!important;font-size:.875rem!important;text-transform:uppercase!important;letter-spacing:.5px!important}.date-range-modal .rdrDays{background-color:var(--bg-card)!important}.date-range-modal .rdrDay{background-color:transparent!important}.date-range-modal .rdrDay:not(.rdrDayPassive){color:var(--text-primary)!important}.date-range-modal .rdrDay:hover:not(.rdrDayDisabled):not(.rdrDayToday):not(.rdrDayStartOfRange):not(.rdrDayEndOfRange){background-color:var(--bg-hover)!important}.date-range-modal .rdrDay:hover:not(.rdrDayDisabled):not(.rdrDayToday):not(.rdrDayStartOfRange):not(.rdrDayEndOfRange) .rdrDayNumber span{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.date-range-modal .rdrDayNumber{color:inherit!important}.date-range-modal .rdrDayNumber span{color:inherit!important;font-weight:500!important;border-radius:var(--radius-sm)!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.date-range-modal .rdrDayToday .rdrDayNumber span{background-color:var(--accent-primary)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 4px #0003!important}.date-range-modal .rdrDayInRange{background-color:rgba(var(--accent-primary-rgb),.1)!important;color:var(--text-primary)!important}.date-range-modal .rdrDayInRange .rdrDayNumber span{color:var(--text-primary)!important;background-color:rgba(var(--accent-primary-rgb),.2)!important}.date-range-modal .rdrDayStartOfRange,.date-range-modal .rdrDayEndOfRange{background-color:var(--accent-primary)!important}.date-range-modal .rdrDayStartOfRange .rdrDayNumber span,.date-range-modal .rdrDayEndOfRange .rdrDayNumber span{background-color:var(--accent-primary)!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 4px #0003!important}.date-range-modal .rdrDayPassive{color:var(--text-muted)!important;opacity:.4!important}.date-range-modal .rdrDayPassive .rdrDayNumber span{color:var(--text-muted)!important}.date-range-modal .rdrDayDisabled{color:var(--text-muted)!important;opacity:.3!important}.date-range-modal .rdrDayDisabled .rdrDayNumber span{color:var(--text-muted)!important}.date-range-modal .rdrDateInput,.date-range-modal .rdrDateRangeWrapper .rdrDateInput{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important;padding:.75rem!important;font-weight:600!important}.date-range-modal .rdrDateInput:focus,.date-range-modal .rdrDateRangeWrapper .rdrDateInput:focus{border-color:var(--accent-primary)!important;outline:none!important;box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2)!important}.date-range-modal .rdrDateDisplayWrapper{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-sm)!important}.date-range-modal .rdrDateDisplayWrapper .rdrDateDisplay{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important}.date-range-modal .rdrDateRangeWrapper{background-color:var(--bg-card)!important}.date-range-modal .rdrDateRangeWrapper .rdrDateDisplayItem{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important}.date-range-modal .rdrDateRangeWrapper .rdrDateDisplayItem input{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:none!important}.date-range-modal .rdrDefinedRangesWrapper{background-color:var(--bg-secondary)!important;border-right:1px solid var(--border-color)!important;border-radius:var(--radius-md) 0 0 var(--radius-md)!important}.date-range-modal .rdrDefinedRanges{background-color:var(--bg-secondary)!important}.date-range-modal .rdrDefinedRanges .rdrStaticRange{transition:all .2s ease!important}.date-range-modal .rdrDefinedRanges .rdrStaticRange:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.date-range-modal .rdrStaticRange,.date-range-modal .rdrStaticRange:hover,.date-range-modal .rdrStaticRange:focus,.date-range-modal .rdrStaticRange:active{background-color:transparent!important;color:var(--text-primary)!important;border:none!important;padding:.75rem 1rem!important;font-weight:500!important;border-radius:0!important;transition:background-color .2s ease!important}.date-range-modal .rdrStaticRange:hover:not(.rdrStaticRangeSelected),.date-range-modal .rdrStaticRange:focus:not(.rdrStaticRangeSelected),.date-range-modal .rdrDefinedRangesWrapper .rdrStaticRange:hover:not(.rdrStaticRangeSelected),.date-range-modal .rdrDefinedRangesWrapper .rdrStaticRange:focus:not(.rdrStaticRangeSelected){background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.date-range-modal .rdrDefinedRangesWrapper .rdrStaticRange{cursor:pointer!important}.date-range-modal .rdrDefinedRangesWrapper .rdrStaticRange:hover:not(.rdrStaticRangeSelected){background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.date-range-modal .rdrDefinedRangesWrapper .rdrStaticRange:hover:not(.rdrStaticRangeSelected) .rdrStaticRangeLabel{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.date-range-modal .rdrStaticRange.rdrStaticRangeSelected,.date-range-modal .rdrStaticRange.rdrStaticRangeSelected:hover,.date-range-modal .rdrStaticRange.rdrStaticRangeSelected:focus,.date-range-modal .rdrStaticRange.rdrStaticRangeSelected:active{background-color:var(--accent-primary)!important;color:#fff!important;font-weight:600!important}.date-range-modal .rdrStaticRange .rdrStaticRangeLabel,.date-range-modal .rdrStaticRange:hover .rdrStaticRangeLabel,.date-range-modal .rdrStaticRange:focus .rdrStaticRangeLabel,.date-range-modal .rdrStaticRange:active .rdrStaticRangeLabel{color:inherit!important;background-color:transparent!important}.date-range-modal .rdrStaticRange button,.date-range-modal .rdrStaticRange button:hover,.date-range-modal .rdrStaticRange button:focus,.date-range-modal .rdrStaticRange button:active{background-color:transparent!important;color:inherit!important;border:none!important}.date-range-modal .rdrInputRanges{background-color:var(--bg-secondary)!important;border-top:1px solid var(--border-color)!important;padding:1rem!important}.date-range-modal .rdrInputRange{background-color:transparent!important}.date-range-modal .rdrInputRange input{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important;padding:.5rem!important}.date-range-modal .rdrInputRange input:focus{border-color:var(--accent-primary)!important;outline:none!important}.date-range-modal .rdrInputRange label{color:var(--text-secondary)!important;font-weight:500!important}.date-range-modal *[style*="background-color: white"],.date-range-modal *[style*="background-color: #fff"],.date-range-modal *[style*="background-color: #ffffff"],.date-range-modal *[style*="background: white"],.date-range-modal *[style*="background: #fff"],.date-range-modal *[style*="background: #ffffff"],.date-range-modal .rdrDefinedRangesWrapper *:hover,.date-range-modal .rdrStaticRanges *:hover,.date-range-modal .rdrInputRanges *:hover{background-color:var(--bg-hover)!important;color:var(--text-primary)!important}.date-range-modal .rdrDefinedRangesWrapper [style],.date-range-modal .rdrStaticRanges [style],.date-range-modal .rdrInputRanges [style]{background-color:transparent!important;color:var(--text-primary)!important}.date-range-presets{display:flex;align-items:center;gap:1rem}.date-range-presets .preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media (max-width: 1024px){.date-range-presets .preset-buttons{display:none}}.date-range-presets .preset-buttons .preset-button{padding:.5rem 1rem;border:1px solid var(--datatable-control-border);border-radius:6px;background-color:var(--datatable-control-background);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.date-range-presets .preset-buttons .preset-button:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.date-range-presets .preset-buttons .preset-button.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.date-range-presets .preset-buttons .preset-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.date-range-presets .mobile-preset-dropdown{position:relative;width:100%;min-width:200px;display:none}@media (max-width: 1024px){.date-range-presets .mobile-preset-dropdown{display:block}}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border:1px solid var(--datatable-control-border);border-radius:6px;background-color:var(--datatable-control-background);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-button:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-button:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-button.open{border-color:var(--accent-primary);background-color:var(--bg-hover)}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-button .button-text{flex:1;text-align:left}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-button .dropdown-icon{margin-left:.5rem;font-size:.75rem;color:var(--text-secondary);transition:transform .2s ease}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-button.open .dropdown-icon{transform:rotate(180deg)}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-lg);z-index:9999;max-height:300px;overflow-y:auto}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-panel .mobile-preset-option{display:block;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-panel .mobile-preset-option:last-child{border-bottom:none}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-panel .mobile-preset-option:hover{background-color:var(--bg-hover)}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-panel .mobile-preset-option.active{background-color:var(--accent-primary);color:#fff}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-panel .mobile-preset-option:focus{outline:none;background-color:var(--bg-hover)}@media (max-width: 768px){.date-range-presets .mobile-preset-dropdown{min-width:180px}.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-button,.date-range-presets .mobile-preset-dropdown .mobile-preset-dropdown-panel .mobile-preset-option{font-size:.8125rem;padding:.625rem .875rem}}@media (min-width: 1025px){.date-range-presets.chart-date-picker .preset-buttons{justify-content:flex-end}}@media (max-width: 1024px){.date-range-presets.mobile-chart-date-picker{width:100%;justify-content:center}}.edit-form-container{width:100%;max-width:1800px;margin:0 auto;box-sizing:border-box}@media (max-width: 768px){.edit-form-container{padding:0;max-width:100%;overflow-x:hidden}}.edit-form-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.edit-form-header:has(.editable-field){border:none;box-shadow:none;padding:.5rem 1rem}.edit-form-header .edit-form-title-section .edit-form-title{font-size:2.8rem;font-weight:700;color:#fff;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;gap:1.5rem}.edit-form-header .edit-form-title-section .edit-form-title .archived-indicator{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;color:var(--color-warning);background:rgba(255,193,7,.15);padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(255,193,7,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-form-header .edit-form-title-section .edit-form-title .archived-indicator svg{font-size:.9rem}.edit-form-header .edit-form-title-section .edit-form-meta{display:flex;gap:2rem;flex-wrap:wrap}.edit-form-header .edit-form-title-section .edit-form-meta span{font-size:.9rem;color:#ffffffb3;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.edit-form-header{flex-direction:column;gap:2rem;padding:2rem}.edit-form-header .edit-form-title-section .edit-form-title{font-size:2.2rem}.edit-form-header .edit-form-meta{gap:1rem}}.edit-form-actions .button{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.edit-form-actions .button:disabled{opacity:.6;cursor:not-allowed}.edit-form-grid{display:grid;gap:3rem;width:100%;box-sizing:border-box}.edit-form-grid.two-column{grid-template-columns:2fr 1fr}.edit-form-grid.two-column .main-section{grid-column:1}.edit-form-grid.two-column .system-section{grid-column:2}@media (max-width: 1024px){.edit-form-grid.two-column{grid-template-columns:1fr;gap:2rem}.edit-form-grid.two-column .main-section,.edit-form-grid.two-column .system-section{grid-column:1}}.edit-form-grid.three-column{grid-template-columns:1fr 1fr 1fr;gap:2.5rem}@media (max-width: 1400px){.edit-form-grid.three-column{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.edit-form-grid.three-column{grid-template-columns:1fr;gap:1.5rem}}.edit-form-grid.four-column{grid-template-columns:1fr 1fr 1fr 1fr;gap:2.5rem}@media (max-width: 1400px){.edit-form-grid.four-column{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.edit-form-grid.four-column{grid-template-columns:1fr;gap:1.5rem}}.edit-form-grid.single-column{grid-template-columns:1fr}.edit-form-grid.single-column:last-child{margin-bottom:0}@media (max-width: 1200px){.edit-form-grid{grid-template-columns:1fr;gap:2.5rem}}@media (max-width: 768px){.edit-form-grid{gap:1.5rem}}.edit-form-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0003;transition:all .2s ease;width:100%;box-sizing:border-box}@media (max-width: 768px){.edit-form-section{max-width:100%;overflow-x:hidden}}.edit-form-section:hover{box-shadow:0 8px 32px #0000004d;background:rgba(255,255,255,.04);border-color:#ffffff1f}.edit-form-section:not(:last-child){margin-bottom:1.5rem}@media (max-width: 1024px){.edit-form-section:not(:last-child){margin-bottom:1rem}}.edit-form-section h2{margin:0;padding:2.5rem 3rem 2rem;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%);border-bottom:1px solid rgba(255,255,255,.1);font-size:1.5rem;font-weight:600;color:#3b82f6}@media (max-width: 1024px){.edit-form-section h2{padding:1.5rem 2rem 1.25rem;font-size:1.25rem}}@media (max-width: 768px){.edit-form-section h2{padding:1rem 1.5rem .75rem;font-size:1.1rem}}.edit-form-fields{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2rem;padding:1.5rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.edit-form-fields{padding:1rem;gap:1.5rem;max-width:100%}}.edit-form-fields .edit-form-field-group{width:100%;box-sizing:border-box}.edit-form-fields .edit-form-field-group .edit-form-field-group-label-with-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.edit-form-fields .edit-form-field-group .edit-form-field-group-label-with-actions label{margin:0}.edit-form-fields .edit-form-field-group .edit-form-field-group-label-with-actions .admins-edit-button{margin-left:1rem}.edit-form-fields .edit-form-field-group .buttons-field{display:flex;flex-direction:column;gap:.25rem}.edit-form-fields .edit-form-field-group .buttons-field.vertical{flex-direction:column}.edit-form-fields .edit-form-field-group .buttons-field button{width:100%;justify-content:center;transition:all .2s ease}.edit-form-fields .edit-form-field-group .buttons-field button:hover:not(:disabled){box-shadow:0 4px 12px #0003}.edit-form-fields .edit-form-field-group .buttons-field button:disabled{opacity:.6;cursor:not-allowed}.edit-form-fields.metadata-section{grid-column:1/-1}.edit-form-fields.metadata-section .metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:3rem}.edit-form-fields.metadata-section .metadata-grid .metadata-item{display:flex;flex-direction:column;gap:.5rem}.edit-form-fields.metadata-section .metadata-grid .metadata-item label{font-weight:600;color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin:0}.edit-form-fields.metadata-section .metadata-grid .metadata-item span{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.95rem;color:#e2e8f0;padding:.8rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px}.edit-form-fields.full-width{margin-top:3rem;border-top:2px solid rgba(255,255,255,.1);width:100%;max-width:1400px}.edit-form-field-group{width:100%;box-sizing:border-box}@media (max-width: 768px){.edit-form-field-group{max-width:100%}}.edit-form-field-group label{display:block;margin-bottom:.8rem;font-weight:600;color:#e2e8f0;font-size:1rem}@media (max-width: 768px){.edit-form-field-group label{font-size:.9rem}}.edit-form-field-value{padding:1rem 1.2rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-weight:500;font-size:1rem;transition:all .2s ease;min-height:24px;display:flex;align-items:center}.edit-form-field-value:hover{background:rgba(255,255,255,.08);border-color:#fff3}.edit-form-field-value.amount,.edit-form-field-value.fees{font-family:Courier New,monospace;font-weight:600;font-size:1.1rem;color:#10b981;background:rgba(16,185,129,.1);border-color:#10b98133}.edit-form-field-value.amount:hover,.edit-form-field-value.fees:hover{background:rgba(16,185,129,.15);border-color:#10b9814d}.edit-form-field-value.currency{font-family:Courier New,monospace;font-weight:600;text-transform:uppercase;color:#8b5cf6;background:rgba(139,92,246,.1);border-color:#8b5cf633}.edit-form-field-value.currency:hover{background:rgba(139,92,246,.15);border-color:#8b5cf64d}.edit-form-field-value.stripe-link{gap:.5rem;background:rgba(99,102,241,.1);border-color:#6366f133}.edit-form-field-value.stripe-link:hover{background:rgba(99,102,241,.15);border-color:#6366f14d}.edit-form-field-value.stripe-link a{color:#6366f1;text-decoration:none;font-family:Courier New,monospace;font-weight:500}.edit-form-field-value.stripe-link a:hover{color:#818cf8;text-decoration:underline}.edit-form-field-value.stripe-link .link-opens-in-new-tab-icon{color:#6366f1;opacity:.7;font-size:.9rem}.edit-form-field-value a{color:#3b82f6;text-decoration:none;font-weight:600}.edit-form-field-value a:hover{color:#60a5fa;text-decoration:underline}.edit-form-field-value.error{color:#ef4444;background:rgba(239,68,68,.1);border-color:#ef444433}.edit-form-field-value.error:hover{background:rgba(239,68,68,.15);border-color:#ef44444d}.edit-form-field-value.phone{gap:.75rem;font-weight:600}.edit-form-field-value.phone .svg-inline--fa{font-size:1.1rem;color:#10b981}.edit-form-field-value.cost{font-family:Courier New,monospace;font-weight:600;font-size:1.1rem;color:#10b981;background:rgba(16,185,129,.1);border-color:#10b98133}.edit-form-field-value.cost:hover{background:rgba(16,185,129,.15);border-color:#10b9814d}.edit-form-field-value.segments{font-family:Courier New,monospace;font-weight:600;color:#f59e0b;background:rgba(245,158,11,.1);border-color:#f59e0b33}.edit-form-field-value.segments:hover{background:rgba(245,158,11,.15);border-color:#f59e0b4d}.edit-form-field-value pre{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.75rem;font-family:Courier New,monospace;font-size:.85rem;color:#94a3b8;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto;width:100%}.edit-form-field-value input:not(.edit-form-field-value),.edit-form-field-value textarea:not(.edit-form-field-value),.edit-form-field-value select:not(.edit-form-field-value){width:100%;padding:1rem 1.2rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.edit-form-field-value input:not(.edit-form-field-value):focus,.edit-form-field-value textarea:not(.edit-form-field-value):focus,.edit-form-field-value select:not(.edit-form-field-value):focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b98133;background:rgba(255,255,255,.1)}.edit-form-field-value input:not(.edit-form-field-value):hover,.edit-form-field-value textarea:not(.edit-form-field-value):hover,.edit-form-field-value select:not(.edit-form-field-value):hover{background:rgba(255,255,255,.08);border-color:#fff3}.edit-form-field-value input:not(.edit-form-field-value)::placeholder,.edit-form-field-value textarea:not(.edit-form-field-value)::placeholder,.edit-form-field-value select:not(.edit-form-field-value)::placeholder{color:#ffffff80}.edit-form-field-value input:not(.edit-form-field-value) option,.edit-form-field-value textarea:not(.edit-form-field-value) option,.edit-form-field-value select:not(.edit-form-field-value) option{background:var(--color-background);color:var(--color-foreground);padding:.5rem}.edit-form-field-value textarea:not(.edit-form-field-value){min-height:120px;resize:vertical;line-height:1.5}.edit-form-field-value .edit-form-field-group div.readonly-field,.edit-form-field-value .edit-form-fields div.readonly-field{font-family:inherit!important;font-size:1rem!important;font-weight:500!important;color:#94a3b8!important;padding:1rem 1.2rem!important;background:rgba(255,255,255,.02)!important;border:1px dashed rgba(255,255,255,.1)!important;border-radius:8px!important;word-break:break-all!important;min-height:48px!important;height:48px!important;display:flex!important;align-items:center!important;transition:all .2s ease!important;box-sizing:border-box!important;cursor:not-allowed!important}.edit-form-field-value .edit-form-field-group div.readonly-field:hover,.edit-form-field-value .edit-form-fields div.readonly-field:hover{background:rgba(255,255,255,.03)!important;border-color:#ffffff26!important}.edit-form-field-value .button-field{display:flex;align-items:center;justify-content:center;min-height:48px;height:48px}.edit-form-input,.edit-form-textarea,.edit-form-select{width:100%;padding:1rem 1.2rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.edit-form-input:focus,.edit-form-textarea:focus,.edit-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;background:rgba(255,255,255,.1)}.edit-form-input:hover,.edit-form-textarea:hover,.edit-form-select:hover{background:rgba(255,255,255,.08);border-color:#fff3}.edit-form-input::placeholder,.edit-form-textarea::placeholder,.edit-form-select::placeholder{color:#ffffff80}.edit-form-input[readonly],.edit-form-input[disabled],.edit-form-textarea[readonly],.edit-form-textarea[disabled],.edit-form-select[readonly],.edit-form-select[disabled]{background:rgba(255,255,255,.03);border-color:#ffffff14;color:#94a3b8;cursor:not-allowed}.edit-form-input option,.edit-form-textarea option,.edit-form-select option{background:var(--color-background);color:var(--color-foreground);padding:.5rem}.edit-form-textarea{min-height:120px;resize:vertical;line-height:1.5}.edit-form-toggle-field .toggle-wrapper{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.edit-form-toggle-field .toggle-wrapper:hover{background:rgba(255,255,255,.08);border-color:#fff3}.edit-form-toggle-field .toggle-wrapper .toggle-label{font-size:1rem;font-weight:500;color:#e2e8f0}.edit-form-actions-group .button-group{display:flex;flex-direction:column;gap:1rem}.edit-form-actions-group .button-group button{width:100%;justify-content:center;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.edit-form-actions-group .button-group button:hover:not(:disabled){box-shadow:0 4px 12px #0003}.edit-form-actions-group .button-group button:disabled{opacity:.6;cursor:not-allowed}.edit-form-editable-field{position:relative;width:100%}.edit-form-editable-field .edit-form-display-mode{position:relative;display:flex;align-items:center;width:100%;gap:.75rem;padding:1rem 1.2rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease;min-height:48px;box-sizing:border-box}.edit-form-editable-field .edit-form-display-mode:hover{border-color:#3b82f6;background:rgba(255,255,255,.08)}.edit-form-editable-field .edit-form-display-mode .edit-form-field-value{flex:1;color:#e2e8f0;font-weight:500;font-size:1rem;padding:0;background:none;border:none;min-height:auto;display:block;align-items:initial}.edit-form-editable-field .edit-form-display-mode .edit-form-textarea{min-height:80px;resize:vertical;padding:.5rem 0}.edit-form-editable-field .edit-form-display-mode .edit-form-edit-button{background:none;border:none;color:#3b82f6;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;flex-shrink:0}.edit-form-editable-field .edit-form-display-mode .edit-form-edit-button:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.edit-form-editable-field .edit-form-display-mode .edit-form-edit-button:focus{outline:2px solid #3b82f6;outline-offset:2px}.edit-form-editable-field .edit-form-display-mode .edit-form-edit-button .svg-inline--fa{font-size:.875rem}.edit-form-editable-field .edit-form-editing .edit-form-display-mode{border-color:#3b82f6;background:rgba(255,255,255,.1)}.edit-form-editable-field .edit-form-editing .edit-form-input-group{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%}.edit-form-editable-field .edit-form-editing .edit-form-input-group .edit-form-save-button{background:#10b981;border:2px #10b981 solid;color:#fff;padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px}.edit-form-editable-field .edit-form-editing .edit-form-input-group .edit-form-save-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.edit-form-editable-field .edit-form-editing .edit-form-input-group .edit-form-save-button:disabled{opacity:.6;cursor:not-allowed}.edit-form-editable-field .edit-form-editing .edit-form-input-group .edit-form-save-button:focus{outline:2px solid #10b981;outline-offset:2px}.edit-form-editable-field .edit-form-editing .edit-form-input-group .edit-form-save-button .svg-inline--fa{margin-left:0}.group-notes-cards{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.group-note-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative}.group-note-card:hover{background:rgba(255,255,255,.08);border-color:#fff3;box-shadow:0 4px 12px #0003}.group-note-card .group-note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.group-note-card .group-note-header .group-note-meta{display:flex;flex-direction:column;gap:.25rem}.group-note-card .group-note-header .group-note-meta .group-note-date{font-size:.85rem;color:#94a3b8;font-weight:500}.group-note-card .group-note-header .group-note-meta .group-note-author{font-size:.8rem;color:#64748b;font-style:italic}.group-note-card .group-note-header .group-note-delete{background:none;border:none;color:#ef4444;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.group-note-card .group-note-header .group-note-delete:hover{background:rgba(239,68,68,.1);opacity:1;transform:scale(1.1)}.group-note-card .group-note-header .group-note-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.group-note-card .group-note-header .group-note-delete:focus{outline:2px solid #ef4444;outline-offset:2px}.group-note-card .group-note-content{color:#e2e8f0;line-height:1.6;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word}.group-notes-empty{text-align:center;padding:2rem;color:#64748b;font-style:italic;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1);border-radius:8px;margin-top:1rem}.group-notes-empty p{margin:0;font-size:.9rem}@media (max-width: 768px){.edit-form-grid.two-column,.edit-form-grid.three-column{grid-template-columns:1fr;gap:2rem}.edit-form-header{padding:1rem}.edit-form-header .edit-form-title-section .edit-form-title{font-size:1.5rem;gap:.75rem}.edit-form-field-value{padding:.8rem 1rem;font-size:.9rem}.edit-form-field-value.stripe-link a{font-size:.8rem;word-break:break-all}.edit-form-field-value.phone{flex-direction:column;align-items:flex-start;gap:.5rem}.edit-form-section{border-radius:8px}.edit-form-input,.edit-form-textarea,.edit-form-select{font-size:.9rem;padding:.8rem 1rem}.readonly-field{font-size:.9rem!important;padding:.8rem 1rem!important}}div.readonly-field{padding:2rem 1.2rem!important;background:rgba(255,255,255,.02)!important;border:1px dashed rgba(255,255,255,.1)!important;border-radius:8px!important;word-break:break-all!important;min-height:48px!important;height:48px!important;display:flex!important;align-items:center!important;transition:all .2s ease!important;box-sizing:border-box!important;cursor:not-allowed!important}div.readonly-field:hover{background:rgba(255,255,255,.03)!important;border-color:#ffffff26!important}.form select{padding:4px;font-size:18px}.form input{padding:4px;font-size:18px;width:100%}.form input[readonly]{background-color:var(--color-background-alt-light)}.form input:disabled{cursor:not-allowed;background-color:var(--color-background-alt)}.form input[type=checkbox]{opacity:0;position:absolute;left:-9000px;top:-9000px}.form input[type=checkbox]+label{position:relative;display:flex;align-items:center;cursor:pointer}.form input[type=checkbox]+label:before{content:"";width:3em;height:1.5em;background-color:#ccc;border-radius:1em;margin-right:.5em;transition:background-color .2s ease-in-out;outline:1px solid black}.form input[type=checkbox]+label:after{display:flex;justify-content:center;align-items:center;position:absolute;content:"✕";font-size:.75em;height:.9em;left:.2em;width:1.8em;height:1.8em;background-color:var(--color-background-alt);color:#fff;border-radius:1em;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.form input[type=checkbox]:checked+label:before{background-color:#10b981;border-color:#059669}.form input[type=checkbox]:checked+label:after{content:"✓";transform:translate(100%);background-color:#fff;color:#10b981}.form input[type=checkbox]:disabled+label{color:#777}.form input[type=checkbox]:disabled+label:before{background-color:#ccc}.form input[type=checkbox]:disabled+label:after{background-color:#777}.form textarea{background-color:var(--color-background-alt-light);width:100%;height:175px;color:var(--color-foreground)}.editable-field{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:30px;width:100%}.editable-field .fa-pen-to-square{color:var(--color-foreground);cursor:pointer;width:20px;height:auto}.editable-field .editing{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%}.editable-field .editing button.edit-form-edit-button{background:none;border:none;color:#3b82f6;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.editable-field .editing .svg-inline--fa.fa-check,.editable-field .editing .svg-inline--fa.fa-floppy-disk,.editable-field .editing .svg-inline--fa.fa-spinner{cursor:pointer;width:20px;height:auto}.editable-field .editing .svg-inline--fa.fa-check{color:#0a0}.editable-field .editing h3 .svg-inline--fa{width:30px}.editable-field .editing .input-container{position:relative;width:100%}.editable-field .editing .input-container textarea,.editable-field .editing .input-container .input{width:100%;padding:4px;font-size:inherit}.editable-field .editing .input-container textarea:focus,.editable-field .editing .input-container .input:focus{outline:0}.editable-field .editing .input-container textarea{min-height:200px}.editable-field .editing .input-container .svg-inline--fa.fa-check,.editable-field .editing .input-container .svg-inline--fa.fa-floppy-disk,.editable-field .editing .input-container .svg-inline--fa.fa-spinner{top:50%;transform:translateY(-50%);position:absolute;right:6px;margin:0}.editable-field .editing select{min-width:200px;padding:4px;font-size:inherit}section>h3 .editable-field{justify-content:center}section>h3 .editable-field .editing{justify-content:center}section>h3 .editable-field .editing .input-container{width:auto}.url-shortener{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin:1rem 0}.url-shortener h4{margin:0 0 1rem;color:var(--color-text);font-size:1.1rem}.url-shortener .url-shortener-form{display:flex;flex-direction:column;gap:1rem}.url-shortener .input-group{display:flex;gap:.5rem;align-items:stretch}@media (max-width: 768px){.url-shortener .input-group{flex-direction:column}}.url-shortener .input-group input{flex:1;padding:.75rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-text);font-size:.9rem}.url-shortener .input-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.url-shortener .input-group input.error{border-color:var(--color-error)}.url-shortener .input-group input:disabled{opacity:.6;cursor:not-allowed}.url-shortener .input-group .shorten-button{padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.url-shortener .input-group .shorten-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.url-shortener .input-group .shorten-button:disabled{opacity:.6;cursor:not-allowed}.url-shortener .error-message{display:flex;align-items:center;gap:.5rem;color:var(--color-error);font-size:.9rem;padding:.5rem;background-color:rgba(var(--color-error-rgb),.1);border:1px solid rgba(var(--color-error-rgb),.3);border-radius:4px}.url-shortener .result{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px}.url-shortener .short-url-display{display:flex;flex-direction:column;gap:.5rem}.url-shortener .short-url-display label{font-weight:600;color:var(--color-text);font-size:.9rem}.url-shortener .short-url-display .url-result{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.url-shortener .short-url-display .url-result a{color:var(--color-primary);text-decoration:none;word-break:break-all;flex:1;min-width:200px}.url-shortener .short-url-display .url-result a:hover{text-decoration:underline}.url-shortener .short-url-display .url-result .copy-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-success);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.url-shortener .short-url-display .url-result .copy-button:hover{background-color:var(--color-success-dark)}.url-shortener .short-url-display .url-result .copy-button.copied{background-color:var(--color-success);animation:pulse .3s ease}.url-shortener .reset-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-text-muted);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;align-self:flex-start}.url-shortener .reset-button:hover{background-color:var(--color-text)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.date-range-picker .preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.date-range-picker .preset-buttons .preset-button{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--bg-secondary);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.date-range-picker .preset-buttons .preset-button:hover{background-color:var(--color-background-alt);border-color:var(--color-primary)}.date-range-picker .preset-buttons .preset-button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.date-range-picker .preset-buttons .preset-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.date-range-picker.chart-date-picker{margin-bottom:1rem}.date-range-picker.chart-date-picker .preset-buttons{justify-content:flex-end}@media (max-width: 1024px){.date-range-picker.chart-date-picker .preset-buttons{display:none}}.mobile-date-range-picker{position:relative;width:100%;min-width:200px;display:none}@media (max-width: 1024px){.mobile-date-range-picker{display:block}}.mobile-date-range-picker .mobile-range-dropdown-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--datatable-control-background);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.mobile-date-range-picker .mobile-range-dropdown-button:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.mobile-date-range-picker .mobile-range-dropdown-button.open{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.mobile-date-range-picker .mobile-range-dropdown-button .button-text{flex:1;text-align:left}.mobile-date-range-picker .mobile-range-dropdown-button .dropdown-icon{margin-left:.5rem;transition:transform .2s ease}.mobile-date-range-picker .mobile-range-dropdown-button.open .dropdown-icon{transform:rotate(180deg)}.mobile-date-range-picker .mobile-range-dropdown-panel{position:absolute;top:-5px;left:0;right:0;z-index:9999;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-lg);margin-top:.25rem;max-height:300px;overflow-y:auto}.mobile-date-range-picker .mobile-range-dropdown-panel .mobile-range-option{display:block;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-primary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.mobile-date-range-picker .mobile-range-dropdown-panel .mobile-range-option:hover{background-color:var(--bg-hover)}.mobile-date-range-picker .mobile-range-dropdown-panel .mobile-range-option.active{background-color:var(--accent-primary);color:#fff}.mobile-date-range-picker .mobile-range-dropdown-panel .mobile-range-option:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.mobile-date-range-picker .mobile-range-dropdown-panel .mobile-range-option:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.image-upload-field .image-upload-container{display:flex;gap:1.5rem;align-items:flex-start;width:100%;min-height:200px}.image-upload-field .image-preview-container{flex-shrink:0;width:200px;max-width:200px;height:200px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.image-upload-field .image-preview-container .image-preview{width:100%;height:100%;object-fit:cover;display:block}.image-upload-field .image-upload-dropzone{flex:1;height:200px;border:2px dashed rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.image-upload-field .image-upload-dropzone:hover,.image-upload-field .image-upload-dropzone.drag-active{border-color:#10b981;background:rgba(16,185,129,.1)}.image-upload-field .image-upload-dropzone .upload-content{text-align:center;color:#e2e8f0}.image-upload-field .image-upload-dropzone .upload-content .upload-icon{font-size:2rem;margin-bottom:1rem;color:#94a3b8}.image-upload-field .image-upload-dropzone .upload-content .upload-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.image-upload-field .image-upload-dropzone .upload-content .upload-subtitle{font-size:.9rem;opacity:.7}.image-upload-field .image-upload-dropzone:hover .upload-content .upload-icon,.image-upload-field .image-upload-dropzone.drag-active .upload-content .upload-icon{color:#10b981}.dark .image-upload-field .image-upload-dropzone{border-color:#fff3;background:rgba(255,255,255,.03)}.dark .image-upload-field .image-upload-dropzone:hover,.dark .image-upload-field .image-upload-dropzone.drag-active{border-color:#10b981;background:rgba(16,185,129,.08)}.dark .image-upload-field .image-upload-dropzone .upload-content{color:#cbd5e1}.dark .image-upload-field .image-upload-dropzone .upload-content .upload-icon{color:#64748b}.dark .image-upload-field .image-upload-dropzone:hover .upload-content .upload-icon,.dark .image-upload-field .image-upload-dropzone.drag-active .upload-content .upload-icon{color:#10b981}td .svg-inline--fa.fa-heart{color:#d00}td .svg-inline--fa.fa-heart.white{color:#fff}.group-name-container .fa-star{color:#fdda0d}.name .fa-user-gear{margin-right:10px}.newTabLinkIcon .svg-inline--fa{margin-left:10px}.sort{cursor:pointer}.sort .svg-inline--fa{margin-left:5px}.line-chart{position:relative;width:100%;height:400px}.line-chart canvas{border-radius:4px}.line-chart .chart-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);font-style:italic;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.line-chart-container{width:100%}.line-chart-container .chart-legend{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}@media (max-width: 768px){.line-chart-container .chart-legend{gap:1rem;justify-content:flex-start}}.line-chart-container .chart-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.line-chart-container .chart-legend .legend-item .legend-color{width:12px;height:3px;border-radius:2px}.line-chart-container .chart-legend .legend-item .legend-color.dashed{background-image:repeating-linear-gradient(to right,currentColor 0,currentColor 4px,transparent 4px,transparent 8px);background-color:transparent}.line-chart-container .chart-canvas{position:relative;width:100%;height:300px;background:var(--bg-primary);border-radius:var(--radius-md)}@media (max-width: 768px){.line-chart-container .chart-canvas{height:250px}}.line-chart-container .chart-canvas canvas{border-radius:var(--radius-md)}.line-chart-container .chart-summary .period-total{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.line-chart-container .chart-summary .period-total .total-label{color:var(--text-secondary);font-weight:500}.line-chart-container .chart-summary .period-total .total-value{color:var(--accent-primary);font-weight:600}.line-chart-container .chart-summary .period-total .total-value .reference-total{color:var(--text-secondary);font-weight:400}.line-chart-container .no-chart-data{display:flex;align-items:center;justify-content:center;height:250px;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-style:italic}.pie-chart{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.pie-chart .chart-title{margin-bottom:1rem;text-align:center}.pie-chart .chart-title h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.pie-chart .chart-container{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.pie-chart .chart-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-style:italic}.pie-chart .chart-empty-state p{margin:0}@media (max-width: 768px){.pie-chart .chart-title h3{font-size:1rem}}.loader{height:2.5em;color:var(--color-foreground);font-size:10px;margin:80px auto;position:relative;text-indent:-9999em}.loader.isLoading{transform:translateZ(0);animation-delay:-.16s}.loader.isLoading:before,.loader.isLoading:after{border-radius:50%;width:2.5em;height:2.5em;animation-fill-mode:both;animation:load7 1.8s infinite ease-in-out}.loader.isLoading:before,.loader.isLoading:after{content:"";position:absolute;top:0}.loader.isLoading:before{left:-3.5em;animation-delay:-.32s}.loader.isLoading:after{left:3.5em}.spinner{display:flex;justify-content:center;background-color:transparent}.spinner.small{height:30px}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}.logo{display:flex;align-items:center}.logo .logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast)}.logo .logo-link .logo-image{width:2rem;height:2rem;flex-shrink:0}.logo .logo-link .logo-text{font-size:1.25rem;font-weight:700;color:inherit;white-space:nowrap}.logo .logo-link .app-version{font-size:.75rem;color:var(--text-muted);margin-left:.5rem}@media (max-width: 768px){.logo .logo-link{gap:.5rem}.logo .logo-link .logo-text{font-size:1.125rem}.logo .logo-link .app-version{font-size:.7rem}}@media (max-width: 480px){.logo .logo-link{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo text" "logo version";column-gap:.75rem;row-gap:0;align-items:center}.logo .logo-link .logo-image{grid-area:logo}.logo .logo-link .logo-text{grid-area:text;font-size:1rem;margin:0;align-self:end}.logo .logo-link .app-version{grid-area:version;font-size:.65rem;margin:0;align-self:start}}.search{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1}.search .input-container{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;width:100%}.search .input-container input{font-size:.95rem;padding:1rem 3rem 1rem 1.2rem;width:100%;background:var(--datatable-control-background);border:1px solid var(--datatable-control-border);border-radius:var(--datatable-control-border-radius);color:var(--text-primary);box-shadow:var(--datatable-control-shadow);transition:all .2s ease}.search .input-container input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.search .input-container input:hover{border-color:var(--datatable-control-border);box-shadow:0 4px 12px #0000001a}.search .input-container input::placeholder{color:var(--text-secondary);font-style:italic}.search .input-container span,.search .input-container .spinner{font-size:1rem;opacity:.6;position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--datatable-header-text);transition:all .2s ease}.search .input-container span{display:none}.search .input-container span.search-active{display:block;cursor:pointer;opacity:.8}.search .input-container span.search-active:hover{opacity:1;color:#3b82f6}.search .input-container .spinner{width:20px;height:20px;pointer-events:none}@media screen and (max-width: 1024px){.search .input-container{width:100%}.search .input-container input{font-size:.9rem;padding:.9rem 2.5rem .9rem 1.1rem}.search .input-container span,.search .input-container .spinner{right:.8rem;font-size:.9rem}}.section{width:100%;max-width:1600px;box-sizing:border-box}.section .section-header{display:flex;justify-content:space-between;align-items:center}.section .section-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;text-align:left}.section .section-header .view-all-link{color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:.875rem;transition:color var(--transition-fast)}.section .section-header .view-all-link:hover{color:var(--accent-primary-dark)}.section .no-data{text-align:center;padding:2rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.section{padding:0;max-width:100%;overflow-x:hidden}.section .section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.main-section,.system-section{width:100%;box-sizing:border-box}@media (max-width: 768px){.main-section,.system-section{max-width:100%;overflow-x:hidden}}.service-method-filter{position:relative}.service-method-filter .service-method-dropdown-button{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:280px}.service-method-filter .service-method-dropdown-button:hover{border-color:var(--color-primary);background-color:var(--color-background-alt)}.service-method-filter .service-method-dropdown-button.open{border-color:var(--color-primary);border-bottom-left-radius:0;border-bottom-right-radius:0}.service-method-filter .service-method-dropdown-button .button-text{flex:1;text-align:left}.service-method-filter .service-method-dropdown-button .dropdown-icon{margin-left:.5rem;font-size:.8rem;color:var(--color-text-muted);transition:transform .2s ease}.service-method-filter .service-method-dropdown-panel{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background);border:1px solid var(--color-primary);border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:none;overflow:visible;margin-top:-1px}.service-method-filter .service-method-dropdown-panel .dropdown-header{padding:.75rem;border-bottom:1px solid var(--color-border);background-color:var(--color-background-alt)}.service-method-filter .service-method-dropdown-panel .dropdown-header .clear-all-btn{background:none;border:none;color:var(--color-primary);font-size:.85rem;cursor:pointer;padding:0}.service-method-filter .service-method-dropdown-panel .dropdown-header .clear-all-btn:hover{text-decoration:underline}.service-method-filter .service-method-dropdown-panel .dropdown-header .clear-all-btn:disabled{color:var(--color-text-muted);cursor:not-allowed}.service-method-filter .service-method-dropdown-panel .dropdown-header .clear-all-btn:disabled:hover{text-decoration:none}.service-method-filter .service-method-dropdown-panel .dropdown-loading,.service-method-filter .service-method-dropdown-panel .dropdown-empty{padding:1rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.service-method-filter .service-method-dropdown-panel .dropdown-content{max-height:none;overflow:visible}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group{border-bottom:1px solid var(--color-border)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group:last-child{border-bottom:none}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header{display:flex;align-items:center;padding:.75rem;cursor:pointer;background-color:var(--color-background-alt);transition:background-color .2s ease}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header:hover{background-color:var(--color-background-hover)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header .expand-icon{margin-right:.5rem;font-size:.8rem;color:var(--color-text-muted);transition:transform .2s ease}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header .expand-icon.expanded{transform:rotate(90deg)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header .service-name{flex:1;font-weight:600;color:var(--color-text)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header .partial-indicator{color:var(--color-warning);font-weight:700;margin-right:.5rem}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header .check-icon{color:var(--color-success);margin-right:.5rem;font-size:.9rem}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header .service-actions{margin-left:.5rem}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header .service-actions .service-action-btn{background:none;border:none;color:var(--color-primary);font-size:.8rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .service-header .service-actions .service-action-btn:hover{background-color:var(--color-primary-light)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .methods-list{background-color:var(--color-background)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .methods-list .method-item{display:flex;align-items:center;padding:.5rem .75rem .5rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .methods-list .method-item:hover{background-color:var(--color-background-alt)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .methods-list .method-item input[type=checkbox]{display:none}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .methods-list .method-item .method-checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:2px solid var(--color-border);border-radius:3px;margin-right:.75rem;background-color:var(--color-background);transition:all .2s ease}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .methods-list .method-item .method-checkbox svg{font-size:.7rem;color:var(--color-background)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .methods-list .method-item input:checked+.method-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.service-method-filter .service-method-dropdown-panel .dropdown-content .service-group .methods-list .method-item .method-name{color:var(--color-text);font-size:.9rem}[data-theme=dark] .service-method-filter .service-method-dropdown-panel{box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){.service-method-filter .service-method-dropdown-button{min-width:250px;font-size:.85rem}.service-method-filter .service-method-dropdown-panel,.service-method-filter .service-method-dropdown-panel .dropdown-content{max-height:none}.service-method-filter .service-method-dropdown-panel .service-group .service-header{padding:.6rem}.service-method-filter .service-method-dropdown-panel .service-group .service-header .service-name{font-size:.9rem}.service-method-filter .service-method-dropdown-panel .service-group .service-header .service-actions .service-action-btn{font-size:.75rem;padding:.2rem .4rem}.service-method-filter .service-method-dropdown-panel .service-group .methods-list .method-item{padding:.4rem .6rem .4rem 1.2rem}.service-method-filter .service-method-dropdown-panel .service-group .methods-list .method-item .method-name{font-size:.85rem}}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);transition:all var(--transition-normal);cursor:pointer;position:relative;flex:1 1 100%;place-self:center;width:100%;height:100%}@media (max-width: 1024px) and (min-width: 401px){.stat-card{padding:1.25rem}}@media (max-width: 400px){.stat-card{padding:1rem;min-width:auto}}.stat-card--blue{border-top:4px solid var(--accent-primary)}.stat-card--green{border-top:4px solid #10b981}.stat-card--purple{border-top:4px solid #8b5cf6}.stat-card--orange{border-top:4px solid #f59e0b}.stat-card:hover{box-shadow:var(--shadow-lg)}.stat-card .stat-header{margin-bottom:1rem}.stat-card .stat-header h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.stat-card .stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-primary);line-height:1;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.stat-card .stat-value{flex-direction:column;align-items:center;gap:.25rem}}@media (max-width: 1024px) and (min-width: 401px){.stat-card .stat-value{font-size:2.25rem}}@media (max-width: 400px){.stat-card .stat-value{font-size:2rem}}.stat-card .stat-value .percent-change{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-md);white-space:nowrap}.stat-card .stat-value .percent-change.positive{color:#059669;background:rgba(5,150,105,.1)}.stat-card .stat-value .percent-change.negative{color:#dc2626;background:rgba(220,38,38,.1)}.stat-card .stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.stat-card .stat-ref{font-size:.75rem;color:var(--text-muted);font-weight:500}@media (max-width: 1366px) and (min-width: 1025px){.stat-card .stat-header{margin-bottom:.75rem}.stat-card .stat-header h3{font-size:.9rem}.stat-card .stat-value{font-size:2rem}.stat-card .stat-value .percent-change{font-size:.75rem}.stat-card .stat-label{font-size:.8rem}.stat-card .stat-ref{font-size:.7rem}}@media (max-width: 766px) and (min-width: 400px){.stat-card{padding:.5rem}.stat-card .stat-header{margin-bottom:.75rem}.stat-card .stat-header h3{font-size:.9rem}.stat-card .stat-value{font-size:2rem}.stat-card .stat-value .percent-change{font-size:.75rem}.stat-card .stat-label{font-size:.8rem}.stat-card .stat-ref{font-size:.7rem}}.status.processing svg{animation:rotating 2s linear infinite}.status .emoji{cursor:pointer;font-size:150%}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{position:fixed;top:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:1rem;pointer-events:none}@media (max-width: 768px){.toast-container{top:1rem;right:1rem;left:1rem}}.toast{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:300px;max-width:500px;transform:translate(100%);opacity:0;transition:all .3s ease;pointer-events:auto;cursor:pointer}@media (max-width: 768px){.toast{min-width:auto;max-width:none}}.toast.toast-visible{transform:translate(0);opacity:1}.toast.toast-removing{transform:translate(100%);opacity:0}.toast .toast-icon{flex-shrink:0;font-size:1.2rem}.toast .toast-message{flex:1;font-size:.95rem;font-weight:500;line-height:1.4}.toast .toast-close{flex-shrink:0;background:none;border:none;font-size:1rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;padding:.25rem;border-radius:4px}.toast .toast-close:hover{opacity:1;background:rgba(0,0,0,.1)}.toast.toast-success{border-left:4px solid #10b981}.toast.toast-success .toast-icon{color:#10b981}.toast.toast-success .toast-message,.toast.toast-success .toast-close{color:#065f46}.toast.toast-error{border-left:4px solid #ef4444}.toast.toast-error .toast-icon{color:#ef4444}.toast.toast-error .toast-message,.toast.toast-error .toast-close{color:#7f1d1d}.toast.toast-warning{border-left:4px solid #f59e0b}.toast.toast-warning .toast-icon{color:#f59e0b}.toast.toast-warning .toast-message,.toast.toast-warning .toast-close{color:#78350f}.toast.toast-info{border-left:4px solid #3b82f6}.toast.toast-info .toast-icon{color:#3b82f6}.toast.toast-info .toast-message,.toast.toast-info .toast-close{color:#1e3a8a}.dark .toast{background:rgba(31,41,55,.95);border-color:#4b55634d}.dark .toast.toast-success .toast-message,.dark .toast.toast-success .toast-close{color:#d1fae5}.dark .toast.toast-error .toast-message,.dark .toast.toast-error .toast-close{color:#fecaca}.dark .toast.toast-warning .toast-message,.dark .toast.toast-warning .toast-close{color:#fef3c7}.dark .toast.toast-info .toast-message,.dark .toast.toast-info .toast-close{color:#dbeafe}.dark .toast .toast-close:hover{background:rgba(255,255,255,.1)}.payment-method-short{display:flex;align-items:center;gap:.75rem}.payment-method-short .payment-method-icon,.payment-method-short .card-brand-icon{width:20px;height:20px;display:inline-block}.payment-method-short .payment-method-name{font-weight:600;color:var(--color-text-primary)}.payment-method-short .card-number{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:500;color:var(--color-text-primary)}.payment-method-full .payment-method-summary{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1.2rem 1.5rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.payment-method-full .payment-method-summary:hover{background:rgba(255,255,255,.08);border-color:#fff3}.payment-method-full .payment-method-summary .payment-method-icon,.payment-method-full .payment-method-summary .card-brand-icon{width:24px;height:24px;display:flex;align-items:center}.payment-method-full .payment-method-summary .payment-method-name{font-size:1.1rem;font-weight:600;color:#e2e8f0}.payment-method-full .payment-method-summary .card-number{font-size:1.1rem;font-weight:600;color:#e2e8f0;font-family:Courier New,monospace}.payment-method-full .payment-method-details{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.payment-method-full .payment-method-details .details-column{display:flex;flex-direction:column;gap:1.5rem}.payment-method-full .payment-method-details .detail-item .label{color:#94a3b8;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;display:block}.payment-method-full .payment-method-details .detail-item .value{padding:1rem 1.2rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-weight:500;font-size:1rem;transition:all .2s ease;min-height:24px;display:flex;align-items:center;line-height:1.4}.payment-method-full .payment-method-details .detail-item .value:hover{background:rgba(255,255,255,.08);border-color:#fff3}.payment-method-full .payment-method-details .detail-item .value.payment-id{font-family:Courier New,monospace;color:#3b82f6;background:rgba(59,130,246,.1);border-color:#3b82f633;font-size:.9rem;word-break:break-all}.payment-method-full .payment-method-details .detail-item .value.payment-id:hover{background:rgba(59,130,246,.15);border-color:#3b82f64d}.payment-method-full .payment-method-details .detail-item .value.fingerprint{font-family:Courier New,monospace;color:#3b82f6;background:rgba(59,130,246,.1);border-color:#3b82f633;font-size:.9rem}.payment-method-full .payment-method-details .detail-item .value.fingerprint:hover{background:rgba(59,130,246,.15);border-color:#3b82f64d}.payment-method-full .payment-method-details .detail-item .value.country-flag{display:flex;align-items:center;gap:.5rem}.payment-method-full .payment-method-details .detail-item .value.check-status.pass{color:#10b981;background:rgba(16,185,129,.1);border-color:#10b98133}.payment-method-full .payment-method-details .detail-item .value.check-status.pass:hover{background:rgba(16,185,129,.15);border-color:#10b9814d}.payment-method-full .payment-method-details .detail-item .value.check-status.fail{color:#ef4444;background:rgba(239,68,68,.1);border-color:#ef444433}.payment-method-full .payment-method-details .detail-item .value.check-status.fail:hover{background:rgba(239,68,68,.15);border-color:#ef44444d}.payment-method-full .payment-method-details .detail-item .value.check-status.unavailable{color:#94a3b8}.payment-method-full .payment-method-details .detail-item .value .address-block{line-height:1.5}.payment-method-full .payment-method-details .detail-item .value .address-block div{margin-bottom:.25rem}.payment-method-full .payment-method-details .detail-item .value .address-block div:last-child{margin-bottom:0}.payment-method-full .payment-method-details .detail-item .value .address-block .address-line-flex{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.25rem}.payment-method-full .payment-method-details .detail-item .value .address-block .address-line-flex span{white-space:nowrap}@media (max-width: 768px){.payment-method-full .payment-method-details{grid-template-columns:1fr;gap:1.5rem}}.edit-form-field-value .payment-method-short{justify-content:flex-start}.group-redraw-modal .redraw-intro{margin-bottom:1.5rem;text-align:center}.group-redraw-modal .redraw-intro .intro-text{font-size:1.1rem;margin-bottom:.75rem;color:var(--color-text)}.group-redraw-modal .redraw-intro .intro-text .group-name{color:var(--color-primary);font-weight:600}.group-redraw-modal .redraw-intro .intro-subtitle{font-size:1rem;margin-bottom:1rem;color:var(--color-text-muted)}.group-redraw-modal .redraw-intro .intro-warning{font-size:.9rem;color:#fbbf24;background-color:#fbbf241a;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid rgba(251,191,36,.3);display:inline-block}.group-redraw-modal .simulation-error{margin-bottom:1.25rem;padding:.75rem 1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;text-align:center}.group-redraw-modal .simulation-error .error-icon{margin-right:.5rem}.group-redraw-modal .simulate-button-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1.25rem}.group-redraw-modal .simulation-results{border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg);padding:1.25rem;margin-top:1.25rem}.group-redraw-modal .simulation-results .results-header{margin-bottom:1.25rem;text-align:center;padding:.75rem 1rem;background-color:#22c55e33;border-radius:var(--radius-md);border:1px solid rgba(34,197,94,.4)}.group-redraw-modal .simulation-results .results-header.error{background-color:#ef444433;border:1px solid rgba(239,68,68,.4)}.group-redraw-modal .simulation-results .results-header.error .error-icon{color:#ef4444;margin-right:.5rem;font-size:1.1rem}.group-redraw-modal .simulation-results .results-header.error .results-title{color:#ef4444}.group-redraw-modal .simulation-results .results-header .success-icon{color:#22c55e;margin-right:.5rem;font-size:1.1rem}.group-redraw-modal .simulation-results .results-header .results-title{color:#22c55e}.group-redraw-modal .simulation-results .results-header .results-stats{color:var(--color-text);margin-left:.5rem}.group-redraw-modal .simulation-results .results-table-container{max-height:350px;overflow-y:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.group-redraw-modal .simulation-results .results-table-container .results-table{width:100%;border-collapse:collapse}.group-redraw-modal .simulation-results .results-table-container .results-table thead tr{background-color:var(--color-background-secondary);position:sticky;top:0;z-index:1}.group-redraw-modal .simulation-results .results-table-container .results-table thead tr th{padding:.75rem 1rem;text-align:left;color:var(--color-text);font-weight:600;font-size:.95rem;border-bottom:2px solid var(--color-border)}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr:nth-child(2n){background-color:var(--color-background-secondary)}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr:nth-child(odd){background-color:var(--color-background)}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr.conflict-row{background-color:#ef444433!important;border:1px solid rgba(239,68,68,.4)}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr.conflict-row td{color:#fecaca!important;font-weight:600}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr.conflict-row td.drew-cell{color:#fca5a5!important}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr.conflict-row td{padding:.75rem 1rem;color:var(--color-text);font-size:.95rem}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr.conflict-row td.name-cell .admin-badge{color:#fbbf24;font-size:.8rem;margin-left:.5rem;background-color:#fbbf2433;padding:.125rem .375rem;border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,.3)}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr.conflict-row td.drew-cell{font-weight:600;color:var(--color-primary)}.group-redraw-modal .simulation-results .results-table-container .results-table tbody tr.conflict-row td.drew-cell .arrow-icon{margin-right:.5rem;color:var(--color-text-muted)}.group-redraw-modal .auto-deconflict-results{padding:1rem;border-radius:var(--radius-md);text-align:center}.group-redraw-modal .auto-deconflict-results .deconflict-success{background-color:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e;padding:.75rem 1rem;border-radius:var(--radius-md)}.group-redraw-modal .auto-deconflict-results .deconflict-success .success-icon{margin-right:.5rem;font-size:1.1rem}.group-redraw-modal .auto-deconflict-results .deconflict-success .deconflict-stats{margin-top:.5rem;color:var(--color-text);font-size:.95rem}.group-redraw-modal .auto-deconflict-results .deconflict-success .deconflict-stats strong{color:#22c55e}.group-redraw-modal .auto-deconflict-results .deconflict-success .deconflict-failure{background-color:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444;padding:.75rem 1rem;border-radius:var(--radius-md)}.group-redraw-modal .auto-deconflict-results .deconflict-success .deconflict-failure .error-icon{margin-right:.5rem;font-size:1.1rem}.group-redraw-modal .auto-deconflict-results .deconflict-success .deconflict-failure .deconflict-stats{margin-top:.5rem;color:var(--color-text);font-size:.95rem}.group-redraw-modal .auto-deconflict-results .deconflict-success .deconflict-failure .deconflict-stats strong{color:#ef4444}.group-redraw-modal .auto-deconflict-results .deconflict-success .deconflict-failure .deconflict-suggestion{margin-top:.5rem;color:#fbbf24;font-size:.9rem;font-style:italic}.group-upgrade-modal .loading-container{text-align:center;padding:2rem;color:var(--color-text-muted)}.group-upgrade-modal .form-content .form-section{margin-bottom:1.5rem}.group-upgrade-modal .form-content .form-section h4{color:var(--color-text);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.group-upgrade-modal .form-content .form-section p{color:var(--color-text-muted);margin-bottom:1rem;line-height:1.5}.group-upgrade-modal .form-content .form-section .tier-options{display:flex;flex-direction:column;gap:.75rem}.group-upgrade-modal .form-content .form-section .tier-options .tier-option{display:flex;align-items:center;padding:1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);cursor:pointer;transition:all var(--transition-fast)}.group-upgrade-modal .form-content .form-section .tier-options .tier-option:hover{background-color:var(--color-background-secondary);border-color:var(--color-primary)}.group-upgrade-modal .form-content .form-section .tier-options .tier-option.selected{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.1)}.group-upgrade-modal .form-content .form-section .tier-options .tier-option input[type=radio]{margin-right:.75rem;accent-color:var(--color-primary)}.group-upgrade-modal .form-content .form-section .tier-options .tier-option .tier-info{flex:1}.group-upgrade-modal .form-content .form-section .tier-options .tier-option .tier-info .tier-name{font-weight:600;color:var(--color-text);margin-bottom:.25rem}.group-upgrade-modal .form-content .form-section .tier-options .tier-option .tier-info .tier-description{color:var(--color-text-muted);font-size:.9rem;line-height:1.4}.group-upgrade-modal .form-content .form-section .tier-options .tier-option .tier-info .tier-price{color:var(--color-primary);font-weight:600;margin-top:.5rem;font-size:1.1rem}.group-upgrade-modal .form-content .form-section .no-tiers-message{text-align:center;padding:2rem;color:var(--color-text-muted);background-color:var(--color-background-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.group-upgrade-modal .form-content .form-section .no-tiers-message .icon{font-size:2rem;margin-bottom:1rem;color:var(--color-text-muted)}.group-upgrade-modal .form-content .form-section .no-tiers-message h4{color:var(--color-text);margin-bottom:.5rem}.group-upgrade-modal .form-content .form-section .no-tiers-message p{margin:0}.refund-payment-modal .form-content .form-section{margin-bottom:1.5rem}.refund-payment-modal .form-content .form-section h4{color:var(--color-text);font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.refund-payment-modal .form-content .form-section p{color:var(--color-text-muted);margin-bottom:1rem;line-height:1.5}.refund-payment-modal .form-content .form-section p strong{color:var(--color-text)}.refund-payment-modal .form-content .form-section .edit-form-field-group{margin-bottom:1rem}.refund-payment-modal .form-content .form-section .edit-form-field-group:last-child{margin-bottom:0}.refund-payment-modal .form-content .form-section .edit-form-field-group label{display:block;font-weight:600;color:var(--color-text);margin-bottom:.5rem;font-size:.9rem}.group-downgrade-modal .loading-container{text-align:center;padding:2rem;color:var(--text-muted)}.group-downgrade-modal .form-content .form-section{margin-bottom:1.5rem}.group-downgrade-modal .form-content .form-section:last-child{margin-bottom:0}.group-downgrade-modal .form-content .form-section h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.group-downgrade-modal .form-content .form-section p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.4}.group-downgrade-modal .form-content .form-section p:last-child{margin-bottom:0}.group-downgrade-modal .form-content .form-section p strong{color:var(--text-primary)}.group-downgrade-modal .form-content .no-tiers-message{padding:1rem;background:var(--background-secondary);border-radius:4px;color:var(--text-muted);text-align:center;font-style:italic}.group-downgrade-modal .form-content .downgrade-warning{padding:1rem;background:var(--warning-background);border:1px solid var(--warning-border);border-radius:4px;margin-top:1rem}.group-downgrade-modal .form-content .downgrade-warning p{margin:0;color:var(--warning-text);font-size:.9rem;line-height:1.4}.group-downgrade-modal .form-content .downgrade-warning p strong{color:var(--warning-text)}.remove-name-modal{padding:0 2rem}.remove-name-modal .remove-name-warning{display:flex;align-items:center;gap:.75rem;padding:1rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);margin-bottom:1.5rem}.remove-name-modal .remove-name-warning .warning-icon{color:#fbbf24;font-size:1.25rem;flex-shrink:0}.remove-name-modal .remove-name-warning strong{color:var(--color-text)}.remove-name-modal .remove-name-confirmation{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.03));border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.remove-name-modal .remove-name-confirmation p{margin:0 0 1rem;color:var(--color-text);line-height:1.6;font-size:1.1rem;font-weight:500}.remove-name-modal .remove-name-confirmation p:last-child{margin-bottom:0;font-size:1rem;opacity:.8;font-weight:400}.remove-name-modal .remove-name-confirmation p strong{color:#ef4444;font-weight:700;background:rgba(239,68,68,.1);padding:.3rem .6rem;border-radius:8px;font-size:1.05rem}.remove-name-modal .draw-changes-preview{background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,.03));border:1px solid rgba(59,130,246,.25);border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 4px 12px #3b82f61a}.remove-name-modal .draw-changes-preview h4{margin:0 0 1.25rem;color:var(--color-text);font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.remove-name-modal .draw-changes-preview h4 .svg-inline--fa{color:#3b82f6;font-size:1.1rem}.remove-name-modal .draw-changes-preview .draw-changes-description{margin:0 0 1.5rem;color:var(--color-text);font-size:1rem;font-weight:500;opacity:.9}.remove-name-modal .draw-changes-preview .draw-changes-list{display:flex;flex-direction:column;gap:1rem}.remove-name-modal .draw-changes-preview .draw-change-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--color-background);border:1px solid rgba(59,130,246,.15);border-radius:10px;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.remove-name-modal .draw-changes-preview .draw-change-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #00000014}.remove-name-modal .draw-changes-preview .draw-change-item.conflict-warning{background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.03));border:1px solid rgba(239,68,68,.25)}.remove-name-modal .draw-changes-preview .draw-change-item.conflict-warning:hover{border-color:#ef444466}.remove-name-modal .draw-changes-preview .draw-change-item.conflict-warning .change-text strong{color:#ef4444;background:rgba(239,68,68,.1)}.remove-name-modal .draw-changes-preview .draw-change-item .change-icon{color:#3b82f6;font-size:1.1rem;margin-top:.2rem;flex-shrink:0;background:rgba(59,130,246,.1);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.remove-name-modal .draw-changes-preview .draw-change-item .change-icon.warning{color:#f59e0b;background:rgba(245,158,11,.1)}.remove-name-modal .draw-changes-preview .draw-change-item .change-text{color:var(--color-text);font-size:1rem;line-height:1.6;font-weight:500}.remove-name-modal .draw-changes-preview .draw-change-item .change-text strong{font-weight:700;color:#3b82f6;background:rgba(59,130,246,.1);padding:.2rem .5rem;border-radius:6px;font-size:.95rem}.remove-name-modal .no-draw-changes{margin:2rem 0}.remove-name-modal .no-draw-changes .modal-form-section-description{margin:0;padding:1.5rem;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(16,185,129,.03));border:1px solid rgba(16,185,129,.25);border-radius:12px;color:var(--color-text);font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.75rem;text-align:center;box-shadow:0 4px 12px #10b9811a}.remove-name-modal .no-draw-changes .modal-form-section-description .svg-inline--fa{color:#10b981;font-size:1.2rem;background:rgba(16,185,129,.1);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-name-modal .modal-footer{padding:1.5rem 2rem;background:rgba(0,0,0,.02);border-top:1px solid rgba(0,0,0,.08)}.remove-name-modal .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin:0}.remove-name-modal .modal-actions .button{min-width:120px;font-weight:600;padding:.75rem 1.5rem;font-size:1rem}.remove-name-modal .modal-actions .button.button--red{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 4px 12px #ef44444d}.remove-name-modal .modal-actions .button.button--red:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.remove-name-modal .modal-actions .button.button--red:disabled{background:#9ca3af;box-shadow:none;transform:none}.remove-name-modal .modal-actions .button.button--dark-grey{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;box-shadow:0 4px 12px #6b728033}.remove-name-modal .modal-actions .button.button--dark-grey:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 6px 16px #6b72804d;transform:translateY(-1px)}@media (max-width: 480px){.remove-name-modal .modal-actions{flex-direction:column}.remove-name-modal .modal-actions .button{width:100%;min-width:auto}}.swap-draw-modal{padding:0 2rem}.swap-draw-modal .swap-preview-section{margin-top:2rem;padding:1.5rem;background:var(--color-background);border:1px solid rgba(59,130,246,.15);border-radius:10px}.swap-draw-modal .swap-preview-section h4{margin:0 0 1rem;font-size:1.1rem;display:flex;align-items:center}.swap-draw-modal .swap-preview-section .swap-changes-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.swap-draw-modal .swap-preview-section .swap-changes-list .swap-change-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:8px}.swap-draw-modal .swap-preview-section .swap-changes-list .swap-change-item .change-icon{color:#3b82f6;margin-top:.2rem;flex-shrink:0}.swap-draw-modal .swap-preview-section .swap-changes-list .swap-change-item .change-text{line-height:1.5}.swap-draw-modal .swap-preview-section .swap-changes-list .swap-change-item .change-text strong{color:var(--color-text);font-weight:600}.swap-draw-modal .swap-preview-section .swap-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-top:1rem}.swap-draw-modal .swap-preview-section .swap-warning .warning-icon{color:#ef4444;margin-top:.1rem;flex-shrink:0}.swap-draw-modal .swap-preview-section .swap-warning strong{color:#ef4444}.drew-column-with-swap{display:flex;align-items:center;gap:.5rem}.drew-column-with-swap .btn{opacity:0;transition:opacity .2s ease}.drew-column-with-swap:hover .btn{opacity:1}@media screen and (max-width: 768px){.drew-column-with-swap .btn{opacity:1}}.previous-draws-modal{width:100%}.previous-draws-modal .modal-body{padding:.5rem 2rem}.previous-draws-modal .draws-list{width:100%}.previous-draws-modal .draws-list .draws-table{width:100%;border-collapse:collapse}.previous-draws-modal .draws-list .draws-table thead{background-color:var(--color-background-alt)}.previous-draws-modal .draws-list .draws-table thead th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.previous-draws-modal .draws-list .draws-table tbody tr{border-bottom:1px solid var(--color-border)}.previous-draws-modal .draws-list .draws-table tbody tr.clickable-row{cursor:pointer}.previous-draws-modal .draws-list .draws-table tbody tr.clickable-row:hover{background-color:var(--color-background-alt)}.previous-draws-modal .draws-list .draws-table tbody tr td{padding:1rem 1.5rem;font-size:.9375rem}.previous-draws-modal .draw-detail{width:100%}.previous-draws-modal .draw-detail .draw-detail-header{background-color:var(--color-background-alt);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem}.previous-draws-modal .draw-detail .draw-detail-header .draw-detail-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem}.previous-draws-modal .draw-detail .draw-detail-header .draw-detail-info .draw-detail-info-item{display:flex;flex-direction:column;gap:.5rem}.previous-draws-modal .draw-detail .draw-detail-header .draw-detail-info .draw-detail-info-item label{font-size:.75rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.previous-draws-modal .draw-detail .draw-detail-header .draw-detail-info .draw-detail-info-item span{font-size:1.125rem;color:var(--color-foreground);font-weight:600}.previous-draws-modal .draw-detail .draw-detail-names h4{margin-bottom:1.5rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.previous-draws-modal .draw-detail .draw-detail-names .draws-table{width:100%;border-collapse:collapse}.previous-draws-modal .draw-detail .draw-detail-names .draws-table .name-link,.previous-draws-modal .draw-detail .draw-detail-names .draws-table .drew-link{color:var(--color-link);text-decoration:none;font-weight:500}.previous-draws-modal .draw-detail .draw-detail-names .draws-table .name-link:hover,.previous-draws-modal .draw-detail .draw-detail-names .draws-table .drew-link:hover{text-decoration:underline}.previous-draws-modal .draw-detail .draw-detail-names .draws-table thead{background-color:var(--color-background-alt)}.previous-draws-modal .draw-detail .draw-detail-names .draws-table thead th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.previous-draws-modal .draw-detail .draw-detail-names .draws-table tbody tr{border-bottom:1px solid var(--color-border)}.previous-draws-modal .draw-detail .draw-detail-names .draws-table tbody tr td{padding:1rem 1.5rem;font-size:.9375rem}.user-dropdown{position:relative;display:inline-block}.user-dropdown .user-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);min-height:2.25rem}.user-dropdown .user-dropdown-trigger:hover{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.user-dropdown .user-dropdown-trigger .user-avatar{display:flex;align-items:center;justify-content:center;width:1.5rem;height:auto;background:var(--accent-primary);color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.user-dropdown .user-dropdown-trigger .user-avatar-small{width:1.5rem;height:1.5rem;flex-shrink:0}.user-dropdown .user-dropdown-trigger .user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown .user-dropdown-trigger .chevron{font-size:.75rem;transition:transform .2s ease}.user-dropdown .user-dropdown-trigger .chevron.open{transform:rotate(180deg)}.user-dropdown .user-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:240px;z-index:1000;overflow:hidden}.user-dropdown .user-dropdown-menu .user-dropdown-header{padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem}.user-dropdown .user-dropdown-menu .user-dropdown-header .user-avatar-large{width:2.5rem;height:auto;flex-shrink:0}.user-dropdown .user-dropdown-menu .user-dropdown-header .user-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--accent-primary);color:#fff;border-radius:50%;font-size:1rem;flex-shrink:0}.user-dropdown .user-dropdown-menu .user-dropdown-header .user-info{flex:1}.user-dropdown .user-dropdown-menu .user-dropdown-header .user-info .user-name-large{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;font-size:.9375rem}.user-dropdown .user-dropdown-menu .user-dropdown-header .user-info .user-email{font-size:.8125rem;color:var(--text-secondary)}.user-dropdown .user-dropdown-menu .user-dropdown-divider{height:1px;background:var(--border-color);margin:0}.user-dropdown .user-dropdown-menu .user-dropdown-actions{padding:.5rem;display:flex;flex-direction:column;gap:.25rem}.user-dropdown .user-dropdown-menu .user-dropdown-actions .dropdown-action{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.user-dropdown .user-dropdown-menu .user-dropdown-actions .dropdown-action:hover{background:var(--bg-hover);color:var(--text-primary);transform:translate(.25rem)}.user-dropdown .user-dropdown-menu .user-dropdown-actions .dropdown-action.theme-action svg{width:1rem;height:1rem;flex-shrink:0}.user-dropdown .user-dropdown-menu .user-dropdown-actions .dropdown-action.logout-action{color:var(--accent-error)}.user-dropdown .user-dropdown-menu .user-dropdown-actions .dropdown-action.logout-action:hover{background:rgba(var(--accent-error-rgb),.1);color:var(--accent-error)}.user-dropdown .user-dropdown-menu .user-dropdown-actions .dropdown-action.logout-action svg{font-size:1rem}.user-dropdown .user-dropdown-menu .user-dropdown-actions .dropdown-action span{flex:1}@media screen and (max-width: 1366px){.user-dropdown.desktop-user-dropdown .user-dropdown-trigger{padding:.75rem;gap:.375rem;min-height:2rem}.user-dropdown.desktop-user-dropdown .user-dropdown-trigger .user-name{display:none}.user-dropdown.desktop-user-dropdown .user-dropdown-menu{right:-.5rem;min-width:220px}}@media screen and (max-width: 1024px){.user-dropdown.desktop-user-dropdown .user-dropdown-trigger{padding:.625rem;gap:.25rem;min-height:1.875rem}.user-dropdown.desktop-user-dropdown .user-dropdown-menu{right:-.25rem;min-width:200px}}@media screen and (max-width: 768px){.user-dropdown.desktop-user-dropdown .user-dropdown-trigger{padding:.5rem;gap:.25rem;min-height:1.75rem}.user-dropdown.desktop-user-dropdown .user-dropdown-menu{right:0;left:auto;transform:translate(0);min-width:180px}}.theme-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-family:inherit;font-weight:500;padding:.75rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;width:100%;text-align:left;justify-content:flex-start}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-toggle:active{transform:translateY(0)}.theme-toggle .theme-toggle-icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0}.theme-toggle .theme-toggle-icon svg{width:100%;height:100%;transition:all var(--transition-fast)}.theme-toggle .theme-toggle-text{font-weight:500}.theme-toggle.standalone{width:auto;padding:.5rem;border:1px solid var(--border-color);background:var(--bg-secondary)}.theme-toggle.standalone:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.theme-toggle.standalone .theme-toggle-text{display:none}@media (min-width: 768px){.theme-toggle.standalone .theme-toggle-text{display:inline;margin-left:.5rem}}.dark .theme-toggle:hover{background:var(--bg-hover)}.dark .theme-toggle.standalone{background:var(--bg-secondary);border-color:var(--border-color)}.dark .theme-toggle.standalone:hover{border-color:var(--accent-primary)}.map-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:0;gap:1.5rem}.world-map{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:.5rem}.world-map .map-container{position:relative;width:100%;height:400px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.world-map .map-container svg{width:100%;height:100%;display:block}.world-map .map-container .map-tooltip{position:absolute;background:rgba(0,0,0,.9);color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;pointer-events:none;z-index:1000;white-space:nowrap;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.world-map .map-legend{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;padding:1rem;width:100%;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.world-map .map-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.world-map .map-legend .legend-item .legend-color{width:1rem;height:1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}@media (max-width: 768px){.world-map .map-container{height:300px}.world-map .map-legend{flex-direction:column;gap:.75rem}.world-map .map-legend .legend-item{font-size:.8rem}}@media (max-width: 480px){.world-map .map-container{height:250px}}.modal-content .info-note{background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:4px;padding:12px;margin-top:16px}.modal-content .info-note p{margin:0;font-size:.9em;color:var(--color-foreground-muted);font-style:italic}.modal-content .image-preview{margin-top:.5rem}.modal-content .image-preview img{border-radius:4px;border:1px solid var(--color-border)}.modal-content .checkbox-label{display:flex;align-items:center;cursor:pointer}.modal-content .checkbox-label input[type=checkbox]{margin-right:.5rem;width:auto}.modal-content .checkbox-label .checkbox-text{color:var(--color-foreground);font-weight:500}.modal-content .edit-form-fields{width:100%;padding:0;gap:1.5rem}.modal-content .edit-form-fields .edit-form-field-group{margin-bottom:0}.modal-content .edit-form-fields .edit-form-field-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-foreground);font-size:.9rem}.modal-content .edit-form-fields .edit-form-field-group .edit-form-input,.modal-content .edit-form-fields .edit-form-field-group input:not([type=checkbox]),.modal-content .edit-form-fields .edit-form-field-group textarea,.modal-content .edit-form-fields .edit-form-field-group select{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-foreground);font-size:14px;box-sizing:border-box;transition:all .2s ease}.modal-content .edit-form-fields .edit-form-field-group .edit-form-input:focus,.modal-content .edit-form-fields .edit-form-field-group input:not([type=checkbox]):focus,.modal-content .edit-form-fields .edit-form-field-group textarea:focus,.modal-content .edit-form-fields .edit-form-field-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.modal-content .edit-form-fields .edit-form-field-group .edit-form-input:hover:not(:disabled),.modal-content .edit-form-fields .edit-form-field-group input:not([type=checkbox]):hover:not(:disabled),.modal-content .edit-form-fields .edit-form-field-group textarea:hover:not(:disabled),.modal-content .edit-form-fields .edit-form-field-group select:hover:not(:disabled){border-color:var(--color-border-hover, rgba(255, 255, 255, .2))}.modal-content .edit-form-fields .edit-form-field-group .edit-form-input:disabled,.modal-content .edit-form-fields .edit-form-field-group input:not([type=checkbox]):disabled,.modal-content .edit-form-fields .edit-form-field-group textarea:disabled,.modal-content .edit-form-fields .edit-form-field-group select:disabled{background-color:var(--color-background-alt);cursor:not-allowed;opacity:.6}.modal-content .edit-form-fields .edit-form-field-group .edit-form-input::placeholder,.modal-content .edit-form-fields .edit-form-field-group input:not([type=checkbox])::placeholder,.modal-content .edit-form-fields .edit-form-field-group textarea::placeholder,.modal-content .edit-form-fields .edit-form-field-group select::placeholder{color:var(--color-foreground-muted)}.modal-content .edit-form-fields .edit-form-field-group input[type=file]{padding:8px 12px;cursor:pointer}.modal-content .edit-form-fields .edit-form-field-group input[type=file]::-webkit-file-upload-button{background-color:var(--color-primary);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:8px;font-size:12px}.modal-content .field-group{margin-bottom:20px;padding:16px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.modal-content .field-group:hover{background-color:#ffffff0d;border-color:#ffffff1f}.modal-content .field-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--color-foreground);font-size:.95rem}.modal-content .field-group input:not([type=checkbox]),.modal-content .field-group textarea,.modal-content .field-group select{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background-color:#ffffff14;color:var(--color-foreground);font-size:14px;box-sizing:border-box;transition:all .2s ease}.modal-content .field-group input:not([type=checkbox]):focus,.modal-content .field-group textarea:focus,.modal-content .field-group select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126;background-color:#ffffff1f}.modal-content .field-group input:not([type=checkbox]):hover:not(:disabled):not(:focus),.modal-content .field-group textarea:hover:not(:disabled):not(:focus),.modal-content .field-group select:hover:not(:disabled):not(:focus){border-color:#ffffff40;background-color:#ffffff1a}.modal-content .field-group input:not([type=checkbox]):disabled,.modal-content .field-group textarea:disabled,.modal-content .field-group select:disabled{background-color:var(--color-background-alt);cursor:not-allowed;opacity:.6}.modal-content .field-group input:not([type=checkbox])::placeholder,.modal-content .field-group textarea::placeholder,.modal-content .field-group select::placeholder{color:#ffffff80;opacity:.8}.modal-content .field-group input[type=file]{padding:10px 12px;cursor:pointer;border:2px dashed var(--color-border);background-color:#ffffff05}.modal-content .field-group input[type=file]:hover:not(:disabled){border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05)}.modal-content .field-group input[type=file]::-webkit-file-upload-button{background-color:var(--color-primary);color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-right:12px;font-size:13px;font-weight:500;transition:all .2s ease}.modal-content .field-group input[type=file]::-webkit-file-upload-button:hover{background-color:var(--color-primary-hover, var(--color-primary));transform:translateY(-1px)}.modal-content .field-group input[type=file].toggle-field .toggle-wrapper{display:flex;align-items:center;gap:1rem;padding:0;background:none;border:none}.modal-content .field-group input[type=file].toggle-field .toggle-wrapper .toggle-label{font-size:.9rem;font-weight:500;color:var(--color-foreground)}.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]{opacity:0;position:absolute;left:-9000px;top:-9000px}.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label{position:relative;display:flex;align-items:center;cursor:pointer}.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label:before{content:"";width:3em;height:1.5em;background-color:#ef4444;border-radius:1em;margin-right:.5em;transition:all .2s ease-in-out;border:1px solid #dc2626}.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label:after{display:flex;justify-content:center;align-items:center;position:absolute;content:"✕";font-size:.75em;left:.2em;width:1.8em;height:1.8em;background-color:#fff;color:#ef4444;border-radius:1em;transition:all .2s ease-in-out;border:1px solid #f3f4f6}.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:before{background-color:#10b981;border-color:#059669}.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:after{content:"✓";background-color:#fff;color:#10b981;transform:translate(1.2em);border-color:#f3f4f6}.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label{opacity:.6;cursor:not-allowed}.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:before,.modal-content .modal-overlay .modal-content .field-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:after{cursor:not-allowed}.modal-body .edit-form-fields{align-items:stretch;justify-content:flex-start}.modal-body .form-content{padding:1.5rem;width:100%}.two-factor-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.two-factor-status .status-info{flex:1}.two-factor-status .status-actions{flex-shrink:0}.two-factor-status .status-badge{display:inline-block;padding:.5rem 1rem;border-radius:4px;font-weight:600;font-size:.9rem}.two-factor-status .status-badge.enabled{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.two-factor-status .status-badge.disabled{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.modal-body .modal-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.modal-body .modal-form .modal-form-section{display:flex;flex-direction:column;gap:1.5rem;padding:0 4rem}.modal-body .modal-form .modal-form-section .modal-form-section-title{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.modal-body .modal-form .modal-form-section .modal-form-section-description{margin:0 0 1.5rem;color:var(--text-secondary);line-height:1.4}.modal-body .modal-form .modal-form-section .modal-form-fields{display:flex;flex-direction:column;gap:1rem}.modal-body .modal-form .modal-form-row{display:flex;align-items:flex-start;gap:1.5rem;min-height:2.5rem}@media (max-width: 768px){.modal-body .modal-form .modal-form-row{flex-direction:column;gap:.5rem}}.modal-body .modal-form .modal-form-row .modal-form-label{flex-shrink:0;width:140px;padding-top:.75rem;color:var(--text-primary);font-weight:500;font-size:.875rem;line-height:1.2}@media (max-width: 768px){.modal-body .modal-form .modal-form-row .modal-form-label{width:auto;padding-top:0}}.modal-body .modal-form .modal-form-row .modal-form-label.required:after{content:" *";color:var(--error-color)}.modal-body .modal-form .modal-form-row .modal-form-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.modal-body .modal-form .modal-form-row .modal-form-field input:not([type=checkbox]):not([type=radio]),.modal-body .modal-form .modal-form-row .modal-form-field textarea,.modal-body .modal-form .modal-form-row .modal-form-field select{width:100%;padding:1rem 1.2rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:var(--color-foreground);font-size:.875rem;transition:all .3s ease}.modal-body .modal-form .modal-form-row .modal-form-field input:not([type=checkbox]):not([type=radio]):focus,.modal-body .modal-form .modal-form-row .modal-form-field textarea:focus,.modal-body .modal-form .modal-form-row .modal-form-field select:focus{outline:none;border-color:var(--color-primary);background:rgba(255,255,255,.1)}.modal-body .modal-form .modal-form-row .modal-form-field input:not([type=checkbox]):not([type=radio]):hover:not(:disabled):not(:focus),.modal-body .modal-form .modal-form-row .modal-form-field textarea:hover:not(:disabled):not(:focus),.modal-body .modal-form .modal-form-row .modal-form-field select:hover:not(:disabled):not(:focus){background:rgba(255,255,255,.08)}.modal-body .modal-form .modal-form-row .modal-form-field input:not([type=checkbox]):not([type=radio]):disabled,.modal-body .modal-form .modal-form-row .modal-form-field textarea:disabled,.modal-body .modal-form .modal-form-row .modal-form-field select:disabled{background:rgba(255,255,255,.02);cursor:not-allowed;opacity:.6}.modal-body .modal-form .modal-form-row .modal-form-field input:not([type=checkbox]):not([type=radio])::placeholder,.modal-body .modal-form .modal-form-row .modal-form-field textarea::placeholder,.modal-body .modal-form .modal-form-row .modal-form-field select::placeholder{color:#ffffff80}.modal-body .modal-form .modal-form-row .modal-form-field select{cursor:pointer}.modal-body .modal-form .modal-form-row .modal-form-field select option{background:var(--color-background-alt);color:var(--color-foreground)}.modal-body .modal-form .modal-form-row .modal-form-field select optgroup{background:var(--color-background-alt);color:var(--color-blue);font-weight:600;font-style:normal;padding:.5rem .75rem;margin:.25rem 0}.modal-body .modal-form .modal-form-row .modal-form-field select optgroup option{background:var(--color-background-alt);color:var(--color-foreground);font-weight:400;padding-left:1rem}.modal-body .modal-form .modal-form-row .modal-form-field textarea{min-height:4rem;resize:vertical}.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-checkbox,.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer}.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-checkbox input[type=checkbox],.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-checkbox input[type=radio],.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-radio input[type=checkbox],.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-radio input[type=radio]{width:auto;margin:0}.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-checkbox .checkbox-label,.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-checkbox .radio-label,.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-radio .checkbox-label,.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-radio .radio-label{color:var(--text-primary);font-size:.875rem;cursor:pointer}.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-checkbox-group,.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-radio-group{display:flex;flex-direction:column;gap:.5rem}.modal-body .modal-form .modal-form-row .modal-form-field .modal-form-help{color:var(--text-muted);font-size:.75rem;line-height:1.3}.modal-body .modal-form .modal-form-row .modal-form-field.error input:not([type=checkbox]):not([type=radio]),.modal-body .modal-form .modal-form-row .modal-form-field.error textarea,.modal-body .modal-form .modal-form-row .modal-form-field.error select{border-color:var(--error-color);box-shadow:0 0 0 3px var(--error-shadow)}.modal-body .modal-form .modal-form-row .modal-form-field.error .modal-form-error{color:var(--error-color);font-size:.75rem;line-height:1.3}.modal-body .modal-form .modal-form-row.checkbox-row{align-items:center}.modal-body .modal-form .modal-form-row.checkbox-row .modal-form-label{padding-top:0}.modal-body .modal-form .modal-form-row.toggle-row{align-items:flex-start}.modal-body .modal-form .modal-form-row.toggle-row .modal-form-label{padding-top:.5rem}.modal-body .modal-form .modal-form-row.toggle-row .toggle-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.modal-body .modal-form .modal-form-row.toggle-row .toggle-wrapper .toggle-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.modal-body .modal-form .modal-form-row.toggle-row .field-help{color:var(--text-secondary);font-size:.8rem;line-height:1.3;margin-top:.25rem}.modal-body .modal-form .modal-form-row.description-row .modal-form-field{color:var(--text-secondary);font-size:.875rem;line-height:1.4;padding-top:.75rem}.modal-body .modal-form .modal-form-row.info-row .modal-form-field{background:var(--background-info);border:1px solid var(--border-info);border-radius:var(--border-radius);padding:1rem;color:var(--text-info);font-size:.875rem;line-height:1.4}.modal-body .modal-form.compact{gap:1rem}.modal-body .modal-form.compact .modal-form-section .modal-form-section-title{font-size:1rem;margin-bottom:.75rem}.modal-body .modal-form.compact .modal-form-section .modal-form-fields{gap:.75rem}.modal-body .modal-form.compact .modal-form-row{min-height:2rem;gap:1rem}.modal-body .modal-form.compact .modal-form-row .modal-form-label{width:120px;font-size:.8125rem}.modal-body .modal-form.wide .modal-form-row .modal-form-label{width:180px}.modal-body .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}@media (max-width: 768px){.modal-body .modal-actions{flex-direction:column-reverse;gap:.75rem}}.modal-body .modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.modal-body .modal-loading .loading-text{margin-top:1rem;color:var(--text-secondary);font-size:.875rem}.modal-body .modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.modal-body .modal-empty .empty-icon{font-size:2rem;margin-bottom:1rem;opacity:.5}.modal-body .modal-empty .empty-title{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem;font-weight:500}.modal-body .modal-empty .empty-description{margin:0;font-size:.875rem;line-height:1.4}.choose-sms-phone-number-modal .search-section{margin-bottom:24px}.choose-sms-phone-number-modal .search-section .search-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text-color)}.choose-sms-phone-number-modal .search-section .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.choose-sms-phone-number-modal .search-section .search-input::placeholder{color:var(--text-muted)}.choose-sms-phone-number-modal .results-section .loading{text-align:center;padding:40px 20px;color:var(--text-muted)}.choose-sms-phone-number-modal .results-section .phone-number-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg)}.choose-sms-phone-number-modal .results-section .phone-number-list .phone-number-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.choose-sms-phone-number-modal .results-section .phone-number-list .phone-number-item:last-child{border-bottom:none}.choose-sms-phone-number-modal .results-section .phone-number-list .phone-number-item:hover{background:var(--hover-bg)}.choose-sms-phone-number-modal .results-section .phone-number-list .phone-number-item .phone-info{flex:1}.choose-sms-phone-number-modal .results-section .phone-number-list .phone-number-item .phone-info .phone-number{font-weight:500;margin-bottom:4px;cursor:pointer;color:var(--primary-color)}.choose-sms-phone-number-modal .results-section .phone-number-list .phone-number-item .phone-info .phone-number:hover{text-decoration:underline}.choose-sms-phone-number-modal .results-section .phone-number-list .phone-number-item .phone-info .date-added{font-size:12px;color:var(--text-muted)}.choose-sms-phone-number-modal .results-section .phone-number-list .phone-number-item .actions{margin-left:16px}.choose-sms-phone-number-modal .results-section .no-results{text-align:center;padding:40px 20px}.choose-sms-phone-number-modal .results-section .no-results p{margin-bottom:20px;color:var(--text-muted)}.add-sms-phone-number-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 2rem;width:100%}.add-sms-phone-number-modal .form-row{align-items:center!important}.add-sms-phone-number-modal .form-row label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.add-sms-phone-number-modal .form-row .phone-input-group{display:flex;gap:12px;align-items:center}.add-sms-phone-number-modal .form-row .phone-input-group .phone-input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text-color)}.add-sms-phone-number-modal .form-row .phone-input-group .phone-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.add-sms-phone-number-modal .form-row .phone-input-group .phone-input::placeholder{color:var(--text-muted)}.add-sms-phone-number-modal .validation-error{margin-bottom:20px;padding:12px 16px;background:rgba(var(--error-color-rgb),.1);border:1px solid var(--error-color);border-radius:8px}.add-sms-phone-number-modal .validation-error .error-message{margin:0;color:var(--error-color);font-size:14px}.add-sms-phone-number-modal .validation-result{width:100%;padding:16px;border-radius:8px}.add-sms-phone-number-modal .validation-result .validation-success{background:rgba(var(--success-color-rgb),.1);border:1px solid var(--success-color)}.add-sms-phone-number-modal .validation-result .validation-success h4{margin:0 0 12px;color:var(--success-color);font-size:16px}.add-sms-phone-number-modal .validation-result .validation-success .validation-details .detail-row{display:flex;justify-content:space-between;margin-bottom:8px}.add-sms-phone-number-modal .validation-result .validation-success .validation-details .detail-row:last-child{margin-bottom:0}.add-sms-phone-number-modal .validation-result .validation-success .validation-details .detail-row label{font-weight:500;color:var(--text-color);margin-bottom:0}.add-sms-phone-number-modal .validation-result .validation-success .validation-details .detail-row span{color:var(--text-muted)}.add-sms-phone-number-modal .validation-result .validation-failure{background:rgba(var(--error-color-rgb),.1);border:1px solid var(--error-color)}.add-sms-phone-number-modal .validation-result .validation-failure h4{margin:0 0 8px;color:var(--error-color);font-size:16px}.add-sms-phone-number-modal .validation-result .validation-failure p{margin:0 0 8px;color:var(--text-color);font-size:14px}.add-sms-phone-number-modal .validation-result .validation-failure p:last-child{margin-bottom:0}.add-sms-phone-number-modal .validation-result .validation-failure p.error-details{color:var(--error-color);font-style:italic}.send-new-sms-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 2rem;width:100%}.send-new-sms-modal .form-row{width:100%;align-items:center!important}.send-new-sms-modal .form-row label{display:block;font-weight:500;color:var(--text-color)}.send-new-sms-modal .form-row .phone-selection,.send-new-sms-modal .form-row .group-selection,.send-new-sms-modal .form-row .name-selection{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.send-new-sms-modal .form-row .phone-selection .selected-phone,.send-new-sms-modal .form-row .phone-selection .selected-group,.send-new-sms-modal .form-row .phone-selection .selected-name,.send-new-sms-modal .form-row .group-selection .selected-phone,.send-new-sms-modal .form-row .group-selection .selected-group,.send-new-sms-modal .form-row .group-selection .selected-name,.send-new-sms-modal .form-row .name-selection .selected-phone,.send-new-sms-modal .form-row .name-selection .selected-group,.send-new-sms-modal .form-row .name-selection .selected-name{display:flex;align-items:center;justify-content:flex-start;flex:1;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px}.send-new-sms-modal .form-row .phone-selection .group-link,.send-new-sms-modal .form-row .phone-selection .name-link,.send-new-sms-modal .form-row .group-selection .group-link,.send-new-sms-modal .form-row .group-selection .name-link,.send-new-sms-modal .form-row .name-selection .group-link,.send-new-sms-modal .form-row .name-selection .name-link{color:var(--primary-color);text-decoration:none;font-weight:600}.send-new-sms-modal .form-row .phone-selection .group-link:hover,.send-new-sms-modal .form-row .phone-selection .name-link:hover,.send-new-sms-modal .form-row .group-selection .group-link:hover,.send-new-sms-modal .form-row .group-selection .name-link:hover,.send-new-sms-modal .form-row .name-selection .group-link:hover,.send-new-sms-modal .form-row .name-selection .name-link:hover{text-decoration:underline}.send-new-sms-modal .form-row .message-type-select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text-color)}.send-new-sms-modal .form-row .message-type-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.send-new-sms-modal .checkbox-row{margin-top:.5rem;margin-bottom:1rem;padding-left:0}.send-new-sms-modal .checkbox-row .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color);cursor:pointer}.send-new-sms-modal .checkbox-row .checkbox-label input[type=checkbox]{margin:0}.send-new-sms-modal .message-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text-color);resize:vertical;min-height:80px;font-family:inherit}.send-new-sms-modal .message-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.send-new-sms-modal .message-textarea::placeholder{color:var(--text-muted)}.add-whatsapp-template-modal{max-width:800px;max-height:90vh;overflow-y:auto}.add-whatsapp-template-modal .modal-body{padding:24px}.add-whatsapp-template-modal .form-content{display:flex;flex-direction:column;gap:32px}.add-whatsapp-template-modal .form-section h4{margin:0 0 16px;color:var(--color-text-primary);font-size:16px;font-weight:600}.add-whatsapp-template-modal .config-add-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:20px}.add-whatsapp-template-modal .config-inputs{display:flex;flex-direction:column;gap:16px}.add-whatsapp-template-modal .config-input-group{display:flex;flex-direction:column;gap:6px}.add-whatsapp-template-modal .config-input-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.add-whatsapp-template-modal .config-input-group .config-input{padding:10px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-size:14px;transition:all .2s ease}.add-whatsapp-template-modal .config-input-group .config-input:focus{outline:none;border-color:var(--color-whatsapp);box-shadow:0 0 0 3px #25d3661a}.add-whatsapp-template-modal .config-input-group .config-input:disabled{opacity:.6;cursor:not-allowed}.add-whatsapp-template-modal .config-input-group textarea.config-input{resize:vertical;min-height:80px;font-family:inherit}.add-whatsapp-template-modal .config-input-group .field-help{font-size:12px;color:var(--color-text-muted);font-style:italic}.add-whatsapp-template-modal .components-list,.add-whatsapp-template-modal .variables-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.add-whatsapp-template-modal .component-item,.add-whatsapp-template-modal .variable-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;transition:all .2s ease}.add-whatsapp-template-modal .component-item:hover,.add-whatsapp-template-modal .variable-item:hover{border-color:var(--color-whatsapp);box-shadow:0 2px 4px #25d3661a}.add-whatsapp-template-modal .component-item .component-info,.add-whatsapp-template-modal .component-item .variable-info,.add-whatsapp-template-modal .variable-item .component-info,.add-whatsapp-template-modal .variable-item .variable-info{display:flex;align-items:center;gap:12px;flex:1}.add-whatsapp-template-modal .component-item .component-type,.add-whatsapp-template-modal .component-item .variable-position,.add-whatsapp-template-modal .variable-item .component-type,.add-whatsapp-template-modal .variable-item .variable-position{padding:4px 8px;background:var(--color-whatsapp);color:#fff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.add-whatsapp-template-modal .component-item .component-content,.add-whatsapp-template-modal .component-item .variable-name,.add-whatsapp-template-modal .variable-item .component-content,.add-whatsapp-template-modal .variable-item .variable-name{color:var(--color-text-primary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-whatsapp-template-modal .component-item .variable-name,.add-whatsapp-template-modal .variable-item .variable-name{font-family:Courier New,monospace}.add-whatsapp-template-modal .component-item .remove-btn,.add-whatsapp-template-modal .variable-item .remove-btn{background:transparent;border:none;color:var(--color-error);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.add-whatsapp-template-modal .component-item .remove-btn:hover,.add-whatsapp-template-modal .variable-item .remove-btn:hover{background:var(--color-error-bg)}.add-whatsapp-template-modal .component-item .remove-btn:disabled,.add-whatsapp-template-modal .variable-item .remove-btn:disabled{opacity:.5;cursor:not-allowed}.add-whatsapp-template-modal .add-component-form,.add-whatsapp-template-modal .add-variable-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.group-search-and-select-modal .search-section{margin-bottom:20px}.group-search-and-select-modal .search-section .search-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--input-bg);color:var(--text-color)}.group-search-and-select-modal .search-section .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.group-search-and-select-modal .search-section .search-input::placeholder{color:var(--text-muted)}.group-search-and-select-modal .results-section{max-height:400px;overflow-y:auto}.group-search-and-select-modal .results-section .loading{text-align:center;padding:20px;color:var(--text-muted)}.group-search-and-select-modal .results-section .group-list .group-item{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px;background:var(--card-bg)}.group-search-and-select-modal .results-section .group-list .group-item:hover{background:var(--card-bg-hover)}.group-search-and-select-modal .results-section .group-list .group-item .group-info{flex:1}.group-search-and-select-modal .results-section .group-list .group-item .group-info .group-name{font-weight:600;color:var(--primary-color);margin-bottom:5px;cursor:pointer;display:flex;align-items:center;gap:8px}.group-search-and-select-modal .results-section .group-list .group-item .group-info .group-name:hover{text-decoration:underline}.group-search-and-select-modal .results-section .group-list .group-item .group-info .group-details{display:flex;gap:15px;font-size:13px;color:var(--text-muted)}.group-search-and-select-modal .results-section .group-list .group-item .group-info .group-details .date-created,.group-search-and-select-modal .results-section .group-list .group-item .group-info .group-details .names-count{display:flex;align-items:center}.group-search-and-select-modal .results-section .group-list .group-item .actions{margin-left:15px}.group-search-and-select-modal .results-section .no-results{text-align:center;padding:40px 20px;color:var(--text-muted)}.group-search-and-select-modal .results-section .no-results p{margin:0 0 20px}.group-member-search-and-select-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 2rem;width:100%}.group-member-search-and-select-modal .search-section{width:100%}.group-member-search-and-select-modal .search-section .search-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--input-bg);color:var(--text-color)}.group-member-search-and-select-modal .search-section .search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.group-member-search-and-select-modal .search-section .search-input::placeholder{color:var(--text-muted)}.group-member-search-and-select-modal .results-section{width:100%;max-height:400px;overflow-y:auto}.group-member-search-and-select-modal .results-section .loading{text-align:center;padding:20px;color:var(--text-muted)}.group-member-search-and-select-modal .results-section .member-list .member-item{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px;background:var(--card-bg)}.group-member-search-and-select-modal .results-section .member-list .member-item:hover{background:var(--card-bg-hover)}.group-member-search-and-select-modal .results-section .member-list .member-item .member-info{flex:1}.group-member-search-and-select-modal .results-section .member-list .member-item .member-info .member-name{font-weight:600;color:var(--primary-color);cursor:pointer;margin-bottom:4px}.group-member-search-and-select-modal .results-section .member-list .member-item .member-info .member-name:hover{text-decoration:underline}.group-member-search-and-select-modal .results-section .member-list .member-item .member-info .member-phone{font-size:13px;color:var(--text-muted)}.group-member-search-and-select-modal .results-section .member-list .member-item .actions{margin-left:15px}.group-member-search-and-select-modal .results-section .no-results{text-align:center;padding:40px 20px;color:var(--text-muted)}.group-member-search-and-select-modal .results-section .no-results p{margin:0}.pwa-manager{padding:1.5rem;background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem}.pwa-manager h3{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.pwa-manager.not-supported,.pwa-manager.loading .pwa-status{opacity:.7}.pwa-update-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:6px;margin-bottom:1rem;box-shadow:0 2px 4px #3b82f633}.pwa-update-banner .update-content{display:flex;align-items:center;gap:.5rem;font-weight:500}.pwa-update-banner .update-content svg{font-size:1.1rem}.pwa-update-banner .update-actions{display:flex;gap:.5rem}@media (max-width: 768px){.pwa-update-banner{flex-direction:column;gap:.75rem;text-align:center}.pwa-update-banner .update-actions{width:100%;justify-content:center}}.pwa-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;font-size:1rem}.pwa-status svg{font-size:1.25rem;flex-shrink:0}.pwa-status.success{color:var(--color-success)}.pwa-status.warning{color:var(--color-warning)}.pwa-status.danger{color:var(--color-danger)}.pwa-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;margin:.75rem 0;font-size:.9rem}.pwa-error svg{flex-shrink:0}.pwa-help{padding:1rem;background:var(--color-background-tertiary);border-radius:6px;margin:1rem 0}.pwa-help p{margin:0 0 .5rem;font-size:.9rem}.pwa-help ol{margin:0;padding-left:1.25rem;font-size:.85rem;line-height:1.5}.pwa-help ol li{margin-bottom:.25rem}.pwa-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}@media (max-width: 480px){.pwa-actions{flex-direction:column}.pwa-actions .btn{width:100%;justify-content:center}}.pwa-debug{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.pwa-debug summary{cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.pwa-debug summary:hover{color:var(--color-text-primary)}.pwa-debug pre{background:var(--color-background-tertiary);padding:.75rem;border-radius:4px;font-size:.75rem;line-height:1.4;overflow-x:auto;margin:0;color:var(--color-text-secondary)}.pwa-install-prompt{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:400px;margin:0 auto;padding:1rem;background:var(--color-background-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;transform:translateY(100%);transition:transform .3s ease}.pwa-install-prompt.show{transform:translateY(0)}.pwa-install-prompt .install-content{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.pwa-install-prompt .install-content .install-icon{width:40px;height:40px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.pwa-install-prompt .install-content .install-text{flex:1}.pwa-install-prompt .install-content .install-text h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.pwa-install-prompt .install-content .install-text p{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.pwa-install-prompt .install-actions{display:flex;gap:.5rem;justify-content:flex-end}@media (max-width: 480px){.pwa-install-prompt{left:.5rem;right:.5rem;bottom:.5rem}.pwa-install-prompt .install-actions{justify-content:stretch}.pwa-install-prompt .install-actions .btn{flex:1}}.pwa-status-indicator{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.pwa-status-indicator.online{background:rgba(34,197,94,.1);color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.pwa-status-indicator.offline{background:rgba(239,68,68,.1);color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.pwa-status-indicator.subscribed{background:rgba(59,130,246,.1);color:var(--color-primary);border:1px solid rgba(59,130,246,.2)}.pwa-status-indicator svg{font-size:.8rem}.notification-permission-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.75rem 1rem;text-align:center;font-size:.9rem;position:relative}.notification-permission-banner .permission-content{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.notification-permission-banner .permission-actions{margin-left:1rem;display:flex;gap:.5rem}.notification-permission-banner .close-banner{position:absolute;top:.5rem;right:.75rem;background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:2px;opacity:.8}.notification-permission-banner .close-banner:hover{opacity:1;background:rgba(255,255,255,.1)}@media (max-width: 768px){.notification-permission-banner .permission-content{flex-direction:column;gap:.75rem}.notification-permission-banner .permission-actions{margin-left:0;width:100%;justify-content:center}}.pwa-settings{max-width:800px;margin:0 auto;padding:2rem}.pwa-settings .section-header{margin-bottom:2rem;text-align:center}.pwa-settings .section-header h2{margin:0 0 .5rem;color:var(--color-text-primary);font-size:2rem;font-weight:600}.pwa-settings .section-header p{margin:0;color:var(--color-text-secondary);font-size:1.1rem}.pwa-settings .pwa-not-supported{text-align:center;padding:3rem 2rem;background:var(--color-background-secondary);border-radius:12px;border:1px solid var(--color-border)}.pwa-settings .pwa-not-supported svg{font-size:3rem;margin-bottom:1rem}.pwa-settings .pwa-not-supported h3{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.5rem}.pwa-settings .pwa-not-supported p{margin:0;color:var(--color-text-secondary);line-height:1.6}.pwa-settings .settings-section{margin-bottom:2.5rem;padding:1.5rem;background:var(--color-background-secondary);border-radius:12px;border:1px solid var(--color-border)}.pwa-settings .settings-section h3{margin:0 0 1.5rem;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.pwa-settings .settings-section h4{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.pwa-settings .status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.pwa-settings .status-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-background-tertiary);border-radius:8px;border:1px solid var(--color-border)}.pwa-settings .status-item svg{font-size:1.5rem;flex-shrink:0}.pwa-settings .status-item div{flex:1}.pwa-settings .status-item div strong{display:block;color:var(--color-text-primary);font-weight:600;margin-bottom:.25rem}.pwa-settings .status-item div p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.pwa-settings .control-group{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.pwa-settings .control-group{flex-direction:column}.pwa-settings .control-group .btn{width:100%;justify-content:center}}.pwa-settings .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.pwa-settings .info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--color-background-tertiary);border-radius:8px;border:1px solid var(--color-border)}.pwa-settings .info-item svg{font-size:1.25rem;margin-top:.25rem;flex-shrink:0}.pwa-settings .info-item div{flex:1}.pwa-settings .info-item div strong{display:block;color:var(--color-text-primary);font-weight:600;margin-bottom:.5rem}.pwa-settings .info-item div p{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}@media (max-width: 768px){.pwa-settings{padding:1rem}.pwa-settings .section-header h2{font-size:1.75rem}.pwa-settings .section-header p{font-size:1rem}.pwa-settings .settings-section{padding:1rem}.pwa-settings .status-grid,.pwa-settings .info-grid{grid-template-columns:1fr}}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:2rem 0}.site-footer .footer-container{max-width:1400px;margin:0 auto;padding:0 1rem}@media (max-width: 1400px){.site-footer .footer-container{max-width:100%}}.site-footer .footer-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.site-footer .footer-content{flex-direction:column;text-align:center;gap:1.5rem}}.site-footer .footer-section{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.site-footer .footer-section{justify-content:center}}.site-footer .footer-text{color:var(--text-secondary);font-size:.875rem;margin:0;font-weight:500}.site-footer .footer-links{display:flex;align-items:center;gap:1rem}.site-footer .footer-version{color:var(--text-muted);font-size:.75rem;font-weight:500;background:var(--bg-accent);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}@media (max-width: 768px){.site-footer{padding:1.5rem 0}.site-footer .footer-container{padding:0 .75rem}.site-footer .footer-text{font-size:.8125rem}.site-footer .footer-version{font-size:.6875rem}}@media (max-width: 480px){.site-footer{padding:1rem 0}.site-footer .footer-container{padding:0 .5rem}}.layout-grid{display:grid;place-items:center;gap:1.5rem;width:100%;max-width:1400px;box-sizing:border-box}@media (max-width: 768px){.layout-grid{max-width:100%;gap:1rem}}.layout-grid.layout-two-column{grid-template-columns:1fr 1fr;place-items:flex-start}@media (max-width: 768px){.layout-grid.layout-two-column{grid-template-columns:1fr}}.layout-grid.layout-three-column{grid-template-columns:repeat(3,1fr);place-items:flex-start}@media (max-width: 1366px) and (min-width: 1025px){.layout-grid.layout-three-column{gap:1rem}}@media (max-width: 1024px) and (min-width: 401px){.layout-grid.layout-three-column{grid-template-columns:1fr 1fr;gap:1rem}}@media (max-width: 400px){.layout-grid.layout-three-column{grid-template-columns:1fr;gap:1rem}}.layout-grid.layout-four-column{grid-template-columns:repeat(4,1fr);place-items:flex-start}@media (max-width: 1179px){.layout-grid.layout-four-column{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.layout-grid.layout-four-column{grid-template-columns:1fr 1fr;gap:.5rem}}@media (max-width: 400px){.layout-grid.layout-four-column{grid-template-columns:1fr}}.site-header{width:100%;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.site-header .header-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;gap:1rem}.site-header .header-left{display:flex;align-items:center;flex:0 0 auto;gap:.5rem;min-width:0}.site-header .header-center{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}@media (max-width: 1366px){.site-header .header-center{display:none}}.site-header .header-right{display:flex;align-items:center;gap:1rem;flex:0 0 auto}@media (max-width: 1366px){.site-header .header-right{gap:.75rem}}@media (max-width: 768px){.site-header .header-right{gap:.5rem}}.site-header .header-right .mobile-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;z-index:1001}.site-header .header-right .mobile-hamburger:hover{background:var(--bg-hover)}.site-header .header-right .mobile-hamburger .bar{display:block;width:20px;height:2px;background:var(--text-primary);margin:3px 0;transition:all var(--transition-normal);border-radius:1px;transform-origin:center}.site-header .header-right .mobile-hamburger.open{display:none}@media (max-width: 1366px){.site-header .header-right .mobile-hamburger{display:flex;flex-direction:column;align-items:center;justify-content:center}}.site-header .logo{display:flex;align-items:center;gap:.5rem;min-width:0}.site-header .logo h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header .logo h1 a,.site-header .logo h1 a:hover,.site-header .logo h1 a:visited{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.site-header .logo h1 a:hover,.site-header .logo h1 a:hover:hover,.site-header .logo h1 a:visited:hover{color:var(--accent-primary)}@media (max-width: 1400px){.site-header .logo h1{font-size:1.75rem}}@media (max-width: 768px){.site-header .logo h1{font-size:1.5rem}}@media (max-width: 480px){.site-header .logo h1{font-size:1.25rem}}.site-header .mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000;display:flex;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.site-header .mobile-menu-overlay.open{opacity:1;visibility:visible}.site-header .mobile-menu-overlay .mobile-menu-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header .mobile-menu-overlay .mobile-menu-content{position:relative;width:100%;max-width:400px;height:100vh;background:var(--bg-primary);box-shadow:var(--shadow-xl);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-normal)}.open .site-header .mobile-menu-overlay .mobile-menu-content{transform:translate(0)}.site-header .mobile-menu-overlay .mobile-menu-content .mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.site-header .mobile-menu-overlay .mobile-menu-content .mobile-menu-header .mobile-menu-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-md);transition:all var(--transition-fast);line-height:1}.site-header .mobile-menu-overlay .mobile-menu-content .mobile-menu-header .mobile-menu-close:hover{background:var(--bg-hover);color:var(--text-primary)}.site-header .mobile-menu-overlay .mobile-menu-content .mobile-menu-body{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:1.5rem;min-height:0;-webkit-overflow-scrolling:touch}.site-header .mobile-menu-overlay .mobile-menu-content .mobile-menu-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.site-header .mobile-menu-overlay.open .mobile-menu-content{transform:translate(0)}@media (max-width: 1366px){.site-header .header-right{display:flex;align-items:center;gap:.75rem}.site-header .header-right .desktop-user-dropdown{display:block}}@media (min-width: 1367px){.site-header .mobile-menu-overlay{display:none!important}}@media (max-width: 768px){.site-header .header-container{padding:.5rem 1rem}.site-header .mobile-menu-overlay .mobile-menu-content{max-width:320px}.site-header .mobile-menu-overlay .mobile-menu-content .mobile-menu-header,.site-header .mobile-menu-overlay .mobile-menu-content .mobile-menu-body,.site-header .mobile-menu-overlay .mobile-menu-content .mobile-menu-footer{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.site-header{padding:.25rem}.site-header .header-container{padding:.5rem .75rem}.site-header .mobile-menu-overlay .mobile-menu-content{max-width:350px}}main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;padding:2rem;min-height:600px}main section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}main section>h3{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}main section .meta{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;width:100%;max-width:calc(100% - 2rem);margin:1rem}main section .meta .column{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;background-color:var(--color-background-alt-light);border:1px solid var(--color-background-alt-light);margin:1rem;min-height:100%;flex:1 1}main section .meta .column h3 .extra{margin-left:5px;font-size:20px}main section .meta .column h3 .extra .link{font-size:20px}main section .meta .column h3 .extra .link .newTabLinkIcon .fa-arrow-up-right-from-square{width:16px}main section .meta .column .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;margin:.5rem;padding:0 1rem;gap:1rem}main section .meta .column .row .key,main section .meta .column .row .value{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}main section .meta .column .row .key{width:25%;font-weight:700;align-items:flex-start}main section .meta .column .row .value{width:100%}main section .meta .column .row .value.phone,main section .meta .column .row .value.status{width:100%;flex-direction:row;justify-content:flex-start}main section .meta .column .row .value button.upgrade-group{margin-left:20px}main section .meta table thead tr th{padding:.5rem 1rem}main section .meta table thead tr th:first-of-type{text-align:left}main section .meta table thead tr th.name,main section .meta table thead tr th.drew{text-align:left}main section .meta table thead tr th.has-drawn,main section .meta table thead tr th.has-wishlist{width:90px}main section .meta table thead tr th.actions{width:255px}main section .meta table tbody tr td.names-count,main section .meta table tbody tr td.has-drawn,main section .meta table tbody tr td.has-wishlist,main section .meta table tbody tr td.actions{text-align:center}main section .meta table tbody tr td.name.admin{font-weight:700}main section .meta table tbody tr td.createdAt{text-align:left}main section .meta table tbody tr td.status,main section .meta table tbody tr td.amount,main section .meta table tbody tr td.currency,main section .meta table tbody tr td.percentComplete{text-align:center}main section h3{width:100%}main section p{text-align:center}.row .value.phone,.row .value.status{flex-direction:row}.status{font-weight:600}.status span{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem}.status .svg-inline--fa{font-size:1.1rem}.status.active,.status.complete,.status.completed,.status.delivered,.status.sent,.status.succeeded,.status.unblocked,.status.active .svg-inline--fa,.status.complete .svg-inline--fa,.status.completed .svg-inline--fa,.status.delivered .svg-inline--fa,.status.sent .svg-inline--fa,.status.succeeded .svg-inline--fa,.status.unblocked .svg-inline--fa{color:#10b981}.status .blocked,.status .canceled,.status .cancelled,.status .failed,.status .partiallyrefunded,.status .partially_refunded,.status .refunded,.status .undelivered,.status .blocked .svg-inline--fa,.status .canceled .svg-inline--fa,.status .cancelled .svg-inline--fa,.status .failed .svg-inline--fa,.status .partiallyrefunded .svg-inline--fa,.status .partially_refunded .svg-inline--fa,.status .refunded .svg-inline--fa,.status .undelivered .svg-inline--fa{color:#ef4444}.status.pending,.status.processing,.status.queued,.status.sending,.status.pending .svg-inline--fa,.status.processing .svg-inline--fa,.status.queued .svg-inline--fa,.status.sending .svg-inline--fa{color:#f8b848}.status .status-text:not(.succeeded):not(.completed):not(.complete):not(.delivered):not(.unblocked):not(.failed):not(.canceled):not(.blocked):not(.undelivered):not(.processing):not(.sending):not(.pending):not(.queued):not(.sent){color:#94a3b8}@media screen and (max-width: 1024px) and (min-width: 401px){main{padding:1rem}main section{gap:1.5rem}main section .meta{max-width:100%;margin:.5rem}main section .meta .column{margin:.5rem}}@media screen and (max-width: 400px){main{padding:.5rem}main section{gap:1rem}main section .meta{flex-direction:column;max-width:100%;margin:0}main section .meta .column{width:100%;margin:.5rem 0}main section .meta .column .row{flex-direction:column;align-items:flex-start;padding:.5rem;gap:.5rem}main section .meta .column .row .key{width:100%;font-size:.9rem}main section .meta .column .row .value{width:100%}main section .meta .column .row .value button{width:100%;margin-left:0!important;font-size:.85rem;padding:.5rem 1rem}}.page{width:100%;max-width:1400px;box-sizing:border-box}.page .page-header{display:flex;justify-content:space-between;align-items:center;text-align:center;width:100%}.page .page-header h2{font-size:2rem;font-weight:600;color:var(--text-primary)}.page .page-header p{color:var(--text-secondary);font-size:1rem}.page .page-header .page-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media (max-width: 768px){.page{max-width:100%;overflow-x:hidden}.page .page-header h2{font-size:1.5rem}.page .page-header .page-header-actions{gap:.5rem}}@media (max-width: 500px){.page .page-header{flex-direction:column;gap:.75rem}.page .page-header .page-header-actions{width:100%;justify-content:center}}nav{font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal);margin-left:auto}nav.mobile-nav{background:transparent;border:none;box-shadow:none;margin:0;width:100%;border-radius:0}nav .links{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.5rem .75rem;gap:.125rem;flex-wrap:wrap}nav .links .nav-item-container{position:relative;display:flex;align-items:center}nav .links .nav-item,nav .links a,nav .links a:hover,nav .links a:visited,nav .links a:focus,nav .links a:active{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:.5rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;position:relative;font-size:.875rem;white-space:nowrap;display:flex;align-items:center;gap:.375rem;min-height:2.25rem}nav .links .nav-item:hover,nav .links a:hover,nav .links a:hover:hover,nav .links a:visited:hover,nav .links a:focus:hover,nav .links a:active:hover{color:var(--text-primary);background:var(--bg-hover);box-shadow:var(--shadow-sm)}nav .links .nav-item.current,nav .links a.current,nav .links a:hover.current,nav .links a:visited.current,nav .links a:focus.current,nav .links a:active.current{color:var(--accent-primary);background:var(--bg-accent);font-weight:600;box-shadow:var(--shadow-sm)}nav .links .nav-item.has-subnav .subnav-arrow,nav .links a.has-subnav .subnav-arrow,nav .links a:hover.has-subnav .subnav-arrow,nav .links a:visited.has-subnav .subnav-arrow,nav .links a:focus.has-subnav .subnav-arrow,nav .links a:active.has-subnav .subnav-arrow{font-size:.625rem;transition:transform var(--transition-fast);opacity:.7}nav .links .nav-item.has-subnav:hover .subnav-arrow,nav .links a.has-subnav:hover .subnav-arrow,nav .links a:hover.has-subnav:hover .subnav-arrow,nav .links a:visited.has-subnav:hover .subnav-arrow,nav .links a:focus.has-subnav:hover .subnav-arrow,nav .links a:active.has-subnav:hover .subnav-arrow{transform:rotate(180deg);opacity:1}nav .links .subnav{position:absolute;top:calc(100% + .5rem);left:0;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:.5rem;min-width:200px;z-index:1000}nav .links .subnav .subnav-item{display:block;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);border-radius:var(--radius-md);margin:.125rem 0;min-height:auto}nav .links .subnav .subnav-item:hover{background:var(--bg-hover);color:var(--text-primary)}nav .links .subnav .subnav-item.current{color:var(--accent-primary);background:var(--bg-accent);font-weight:600}nav .links .logout-btn{background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-family:inherit;font-weight:500;padding:.5rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;min-height:2.25rem;display:flex;align-items:center;gap:.375rem}@media (max-width: 1400px){nav:not(.mobile-nav) .links{gap:.0625rem;padding:.375rem .5rem}nav:not(.mobile-nav) .links .nav-item,nav:not(.mobile-nav) .links a{padding:.375rem .5rem;font-size:.8125rem}}@media (max-width: 1366px){nav.mobile-nav .links{display:flex;flex-direction:column;padding:0;gap:.5rem;align-items:stretch}nav.mobile-nav .links .mobile-nav-group{display:flex;flex-direction:column;gap:.25rem}nav.mobile-nav .links .mobile-nav-group .group-header{font-size:1rem;font-weight:600;padding:1rem 1.5rem;background:var(--bg-accent);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;cursor:default;min-height:auto}nav.mobile-nav .links .mobile-nav-group .group-header.current{background:var(--bg-primary);color:var(--accent-primary);border-color:var(--accent-primary)}nav.mobile-nav .links .mobile-nav-group .group-header:hover{transform:none;box-shadow:none}nav.mobile-nav .links .mobile-nav-group .mobile-subnav{display:flex;flex-direction:column;gap:.25rem;padding-left:1rem}nav.mobile-nav .links .mobile-nav-group .mobile-subnav .subnav-item{font-size:.9375rem;padding:.875rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;text-align:left;min-height:auto;transform:none}nav.mobile-nav .links .mobile-nav-group .mobile-subnav .subnav-item:hover{background:var(--bg-hover);color:var(--text-primary);transform:none;box-shadow:var(--shadow-sm)}nav.mobile-nav .links .mobile-nav-group .mobile-subnav .subnav-item.current{background:var(--bg-accent);color:var(--accent-primary);border-color:var(--accent-primary);font-weight:600}nav.mobile-nav .links .nav-item:not(.group-header),nav.mobile-nav .links a:not(.subnav-item){font-size:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:left;min-height:auto;transform:none}nav.mobile-nav .links .nav-item:not(.group-header):hover,nav.mobile-nav .links a:not(.subnav-item):hover{background:var(--bg-hover);transform:none;box-shadow:var(--shadow-sm)}nav.mobile-nav .links .nav-item:not(.group-header).current,nav.mobile-nav .links a:not(.subnav-item).current{background:var(--bg-accent);color:var(--accent-primary);border-color:var(--accent-primary)}nav.mobile-nav .links .logout-btn{font-size:1rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:left;justify-content:flex-start;min-height:auto;transform:none}nav.mobile-nav .links .logout-btn:hover{background:rgba(var(--accent-error-rgb),.1);border-color:var(--accent-error);transform:none;box-shadow:var(--shadow-sm)}}table{width:100%;margin:0;border-collapse:separate;border-spacing:0}table thead tr th{padding:1rem 1.5rem;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;color:var(--color-foreground);background-color:var(--color-background-alt-light);border-bottom:1px solid var(--color-border);position:relative;transition:all .2s ease}table thead tr th:first-child{border-top-left-radius:8px}table thead tr th:last-child{border-top-right-radius:8px}table thead tr th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table thead tr th.sortable:hover{background-color:var(--color-background-alt)}table thead tr th.sortable span{display:flex;align-items:center;gap:.5rem}table thead tr th:first-of-type{text-align:left}table thead tr th.id,table thead tr th.groupName,table thead tr th.name{text-align:left}table thead tr th.params,table thead tr th.status{text-align:center}table thead tr th.paymentId{text-align:left}table thead tr th.actions{width:130px;text-align:center}table tbody{width:100%}table tbody tr{background-color:var(--color-background);transition:all .2s ease}table tbody tr:hover{background-color:var(--color-background-alt-light)}table tbody tr.deleting{opacity:0;transform:translate(-100%);transition:all .5s ease}table tbody tr:nth-child(2n){background-color:var(--color-background-alt-light)}table tbody tr:nth-child(2n):hover{background-color:var(--color-background-alt)}table tbody tr.updated{background-color:#22c55e1a;border-left:3px solid #22c55e;animation:pulse-updated 2s ease-in-out}table tbody tr.load-more{background-color:var(--datatable-background);border:none}table tbody tr.load-more:hover{background-color:var(--datatable-row-background-hover);transform:none;box-shadow:none}table tbody tr.load-more td{text-align:center;padding:1.5rem}table tbody tr td{padding:1rem 1.5rem;vertical-align:middle;color:var(--color-foreground);font-size:.875rem;line-height:1.5;border-bottom:1px solid var(--color-border);transition:all .2s ease}table tbody tr td a{color:var(--color-links);text-decoration:none;font-weight:500;transition:all .2s ease}table tbody tr td a:hover{color:#3b82f6;text-decoration:underline}table tbody tr td.id,table tbody tr td.phone,table tbody tr td.date,table tbody tr td.status,table tbody tr td.numSegments,table tbody tr td.namesCount,table tbody tr td.namesDrawnCount,table tbody tr td.namesConflictsCount,table tbody tr td.namesPhonesCount,table tbody tr td.itemsCount,table tbody tr td.paymentId,table tbody tr td.amount,table tbody tr td.type,table tbody tr td.public,table tbody tr td.clicks,table tbody tr td.rating,table tbody tr td.currency,table tbody tr td.attempts,table tbody tr td.hasDrawn,table tbody tr td.hasWishlist,table tbody tr td.taskParamsExtra,table tbody tr td.actions{width:.1%;white-space:nowrap}table tbody tr td.taskParamsExtra .task-params-extra.no-extra{color:var(--color-text-muted);font-style:italic}table tbody tr td.taskParamsExtra .task-params-extra.has-extra{color:var(--color-primary);cursor:help}table tbody tr td.taskParamsExtra .task-params-extra.has-extra:hover{color:var(--color-primary-dark)}table tbody tr td.date span.short{display:none}table tbody tr td.groupName{padding-right:30px;text-wrap:nowrap}table tbody tr td.amount,table tbody tr td.clicks,table tbody tr td.currency,table tbody tr td.namesCount,table tbody tr td.namesDrawnCount,table tbody tr td.namesConflictsCount,table tbody tr td.namesPhonesCount,table tbody tr td.itemsCount,table tbody tr td.taskParams,table tbody tr td.taskParamsExtra,table tbody tr td.status,table tbody tr td.rating,table tbody tr td.public,table tbody tr td.hasDrawn,table tbody tr td.hasWishlist,table tbody tr td.numSegments,table tbody tr td.provider,table tbody tr td.source,table tbody tr td.no-results{text-align:center}table tbody tr td.taskParams span.taskParams{display:flex;flex-direction:row;align-items:center;justify-content:center}table tbody tr td.taskParams span.taskParams span{margin-left:5px}table tbody tr td .datatable-toggle-field{display:flex;justify-content:center;align-items:center}table tbody tr td .datatable-toggle-field .form{margin:0}@media screen and (max-width: 768px){table{width:100%;overflow-x:auto}table tbody tr td.date{max-width:min-content;min-width:min-content;width:min-content}table tbody tr td.date span.short{display:block}table tbody tr td.date span.long{display:none}}@keyframes pulse-updated{0%{background-color:#22c55e33;border-left-color:#22c55e}50%{background-color:#22c55e1a;border-left-color:#16a34a}to{background-color:#22c55e0d;border-left-color:#22c55e}}@media screen and (max-width: 768px){.data-table{margin:1rem;border-radius:12px}.data-table h3{padding:1.5rem 1rem 1rem;font-size:1.25rem}.data-table .header{padding:1rem;flex-direction:column;gap:1rem}.data-table div.filters{flex-direction:column;gap:1rem}.data-table div.filters .filter{width:100%}.data-table div.filters .filter select{min-width:auto;width:100%}table tr th{padding:1rem .75rem;font-size:.75rem}table tr td{padding:.75rem;font-size:.8rem}table tr th.id,table tr th.taskParams,table tr th.actions,table tr td.id,table tr td.taskParams,table tr td.actions{display:none}}.data-table{width:100%;max-width:1800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}@media (max-width: 768px){.data-table{max-width:100%;overflow-x:hidden}}.data-table.scheduled-task .results{overflow-x:auto}.data-table.url .results table tr th.originalUrl,.data-table.url .results table tr td.originalUrl{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-table.url .results table tr th.originalUrl a,.data-table.url .results table tr td.originalUrl a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .datatable-header{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-bottom:1.5rem;gap:4rem}.data-table .datatable-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-foreground);display:flex;align-items:center;justify-content:space-between}.data-table .datatable-header .header-actions{display:flex;align-items:center;gap:1rem}.data-table .datatable-filters{background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:8px;width:100%;max-width:1200px;padding:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.data-table .datatable-filters .filter-controls{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.data-table .datatable-filters .filter-controls .filter-group{display:flex;align-items:center;gap:.5rem}.data-table .datatable-filters .filter-controls .filter-group label{font-weight:500;color:var(--color-foreground);white-space:nowrap;font-size:.9rem}.data-table .datatable-filters .mobile-search-filters-row{display:flex;gap:.75rem;align-items:center;width:100%;flex:1}.data-table .datatable-filters .mobile-search-filters-row .search{flex:1}.data-table .datatable-filters .filter-results{color:var(--color-text-muted);font-size:.9rem;font-weight:500;white-space:nowrap}.data-table .datatable-results{width:100%;overflow-x:auto;overflow-y:visible;box-sizing:border-box}@media (max-width: 768px){.data-table .datatable-results{max-width:100%}}.data-table .datatable-results>div:not(table){padding:2rem;color:var(--color-text-muted);font-style:italic;text-align:center}.data-table .datatable-results table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-primary);box-shadow:var(--shadow-md);overflow:hidden;box-sizing:border-box}@media (max-width: 768px){.data-table .datatable-results table{max-width:100%}}.data-table .datatable-results table th.copyDrawLink,.data-table .datatable-results table th.errorCode,.data-table .datatable-results table th.messageCount,.data-table .datatable-results table th.participating,.data-table .datatable-results table th.percentComplete,.data-table .datatable-results table th.phoneNumber,.data-table .datatable-results table th.price,.data-table .datatable-results table th.reason,.data-table .datatable-results table th.recurringFrequency,.data-table .datatable-results table th.symbol,.data-table .datatable-results table th.totalCost,.data-table .datatable-results table th.usdRate,.data-table .datatable-results table td.copyDrawLink,.data-table .datatable-results table td.errorCode,.data-table .datatable-results table td.messageCount,.data-table .datatable-results table td.participating,.data-table .datatable-results table td.percentComplete,.data-table .datatable-results table td.phoneNumber,.data-table .datatable-results table td.price,.data-table .datatable-results table td.reason,.data-table .datatable-results table td.recurringFrequency,.data-table .datatable-results table td.symbol,.data-table .datatable-results table td.totalCost,.data-table .datatable-results table td.usdRate{text-align:center}.data-table .datatable-results table th.actions,.data-table .datatable-results table th.date,.data-table .datatable-results table th.id,.data-table .datatable-results table th.status,.data-table .datatable-results table th.type,.data-table .datatable-results table td.actions,.data-table .datatable-results table td.date,.data-table .datatable-results table td.id,.data-table .datatable-results table td.status,.data-table .datatable-results table td.type{width:.1%;white-space:nowrap}.data-table .datatable-results table th.drew,.data-table .datatable-results table td.drew{text-align:left}.data-table .datatable-results table th.actions,.data-table .datatable-results table td.actions{width:130px;text-align:center}.data-table .datatable-results table th .datatable-cell-content,.data-table .datatable-results table td .datatable-cell-content{text-align:inherit!important}.data-table .datatable-results table thead tr th{padding:1rem 1.5rem;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:relative;transition:all .2s ease}.data-table .datatable-results table thead tr th:first-child{border-top-left-radius:var(--radius-lg)}.data-table .datatable-results table thead tr th:last-child{border-top-right-radius:var(--radius-lg)}.data-table .datatable-results table thead tr th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table .datatable-results table thead tr th.sortable:hover{color:var(--text-primary);background:var(--bg-hover)}.data-table .datatable-results table thead tr th.sortable span{display:flex;align-items:center;gap:.5rem}.data-table .datatable-results table thead tr th.sortable[style*="text-align: left"] span,.data-table .datatable-results table thead tr th.sortable.left span{justify-content:flex-start}.data-table .datatable-results table thead tr th.sortable[style*="text-align: center"] span,.data-table .datatable-results table thead tr th.sortable.center span,.data-table .datatable-results table thead tr th.sortable.symbol span,.data-table .datatable-results table thead tr th.sortable.status span,.data-table .datatable-results table thead tr th.sortable.amount span,.data-table .datatable-results table thead tr th.sortable.currency span,.data-table .datatable-results table thead tr th.sortable.date span,.data-table .datatable-results table thead tr th.sortable.clicks span,.data-table .datatable-results table thead tr th.sortable.rating span,.data-table .datatable-results table thead tr th.sortable.public span,.data-table .datatable-results table thead tr th.sortable.hasDrawn span,.data-table .datatable-results table thead tr th.sortable.hasWishlist span,.data-table .datatable-results table thead tr th.sortable.numSegments span,.data-table .datatable-results table thead tr th.sortable.paymentId span,.data-table .datatable-results table thead tr th.sortable.namesCount span,.data-table .datatable-results table thead tr th.sortable.namesDrawnCount span,.data-table .datatable-results table thead tr th.sortable.namesConflictsCount span,.data-table .datatable-results table thead tr th.sortable.namesPhonesCount span,.data-table .datatable-results table thead tr th.sortable.itemsCount span,.data-table .datatable-results table thead tr th.sortable.attempts span,.data-table .datatable-results table thead tr th.sortable.taskParamsExtra span,.data-table .datatable-results table thead tr th.sortable.actions span,.data-table .datatable-results table thead tr th.sortable.percentComplete span,.data-table .datatable-results table thead tr th.sortable.phoneNumber span,.data-table .datatable-results table thead tr th.sortable.price span,.data-table .datatable-results table thead tr th.sortable.reason span,.data-table .datatable-results table thead tr th.sortable.recurringFrequency span,.data-table .datatable-results table thead tr th.sortable.totalCost span,.data-table .datatable-results table thead tr th.sortable.usdRate span{justify-content:center}.data-table .datatable-results table thead tr th.sortable[style*="text-align: right"] span,.data-table .datatable-results table thead tr th.sortable.right span{justify-content:flex-end}.data-table .datatable-results table tbody tr{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);transition:all .2s ease}.data-table .datatable-results table tbody tr:nth-child(2n){background-color:var(--bg-secondary)}.data-table .datatable-results table tbody tr:last-child{border-bottom:none}.data-table .datatable-results table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.data-table .datatable-results table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.data-table .datatable-results table tbody tr.updated{background-color:#22c55e1a;border-left:3px solid #22c55e;animation:pulse-updated 2s ease-in-out}.data-table .datatable-results table tbody tr.deleting{opacity:0;transform:translate(-100%);transition:all .5s ease}.data-table .datatable-results table tbody tr td{padding:1rem 1.5rem;vertical-align:middle;color:var(--text-primary);font-size:.875rem;line-height:1.5;transition:all .2s ease;border-bottom:1px solid var(--border-color)}.data-table .datatable-results table tbody tr td.paymentId{text-align:left}.data-table .datatable-results table tbody tr td .datatable-cell-content .duplicate-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:#fbbf24;color:#92400e;border:1px solid #f59e0b;white-space:nowrap}.data-table .datatable-results table tbody tr td a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.data-table .datatable-results table tbody tr td a:hover{color:var(--accent-primary);text-decoration:underline}@media screen and (max-width: 768px){.data-table{width:100%}.data-table .datatable-header{margin-bottom:0}.data-table h3{padding:.5rem;font-size:1.25rem;flex-direction:column;align-items:flex-start;gap:.5rem}.data-table .datatable-results{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table .datatable-results>div:not(table){padding:1.5rem 1rem}}@media screen and (max-width: 1024px){.data-table{width:100%}.data-table .datatable-header{margin-bottom:1rem}.data-table .datatable-header h3{font-size:1.1rem}.data-table .datatable-filters{padding:1rem;flex-direction:column;align-items:stretch;gap:1rem}.data-table .datatable-filters .filter-controls{display:none}.data-table .datatable-filters .mobile-search-filters-row .mobile-filters-trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--datatable-control-border);border-radius:6px;background-color:var(--datatable-control-background);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.data-table .datatable-filters .mobile-search-filters-row .mobile-filters-trigger:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.data-table .datatable-filters .mobile-filters-trigger.standalone{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--datatable-control-border);border-radius:6px;background-color:var(--datatable-control-background);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.data-table .datatable-filters .mobile-filters-trigger.standalone:hover{background-color:var(--bg-hover);border-color:var(--accent-primary)}.data-table .datatable-filters .filter-results{text-align:center;font-size:.85rem}}@media screen and (min-width: 1025px){.data-table .mobile-filters-trigger{display:none}}.mobile-filters-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center}@media (min-width: 1025px){.mobile-filters-modal-overlay{display:none}}.mobile-filters-modal{background:var(--bg-card);border-radius:16px 16px 0 0;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.mobile-filters-modal .mobile-filters-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.mobile-filters-modal .mobile-filters-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.mobile-filters-modal .mobile-filters-modal-header .mobile-filters-close-button{background:none;border:none;color:var(--text-secondary);font-size:1.125rem;cursor:pointer;padding:.375rem;border-radius:50%;transition:all .2s ease}.mobile-filters-modal .mobile-filters-modal-header .mobile-filters-close-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.mobile-filters-modal .mobile-filters-modal-content{flex:1;padding:1rem;overflow-y:auto}.mobile-filters-modal .mobile-filters-modal-content .filter-group{margin-bottom:1rem}.mobile-filters-modal .mobile-filters-modal-content .filter-group:last-child{margin-bottom:0}.mobile-filters-modal .mobile-filters-modal-content .filter-group label{display:block;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.smsMessageLogs table thead tr th.status,.smsMessageLogs table thead tr th.previousStatus{width:300px}.smsMessageLogs table thead tr th.price{width:100px}.smsMessageLogs table tbody tr td.status,.smsMessageLogs table tbody tr td.previousStatus{width:300px}.smsMessageLogs table tbody tr td.price{text-align:right}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:999;overflow-y:scroll;overflow-x:hidden}.modal-backdrop.is-active{display:flex}.modal{background:var(--color-background);overflow-x:auto;display:flex;flex-direction:column;border-radius:5px;width:50vw;z-index:999}.modal .modal-header,.modal .modal-footer{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:15px}.modal .modal-header{background-color:var(--color-background);border-bottom:1px solid var(--color-background-alt);position:relative}.modal .modal-header h2{color:var(--color-foreground)}.modal .modal-footer{margin-bottom:20px;border-top:1px solid var(--color-background-alt);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.modal .modal-footer .buttons{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}.modal .modal-footer .buttons .btn{cursor:pointer}.modal .close{position:absolute;top:5px;right:5px;font-size:20px;padding:5px;cursor:pointer;color:var(--color-background-alt);opacity:.4;transition:opacity .75s ease}.modal .close:hover{opacity:1}@media only screen and (max-width: 1400px){.modal{width:75vw}}@media only screen and (max-width: 900px){.modal{width:85vw}}@media only screen and (max-width: 600px){.modal-backdrop .modal{width:90vw}.modal-backdrop .modal .modal-header{padding:5px 10px}.modal-backdrop .modal .modal-body{padding:0 10px}.modal-backdrop .modal .modal-footer{margin-bottom:0}.modal-backdrop.payment .modal{margin-top:2vh}}@media only screen and (max-width: 400px){.modal-backdrop .modal .modal-header{padding:0 10px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:var(--color-background);border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;overflow-y:auto;margin:1rem;max-width:800px}.modal-content.modal-sm{max-width:400px;width:90%}.modal-content.modal-md{max-width:600px;width:90%}.modal-content.modal-lg{max-width:800px;width:95%}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-background-secondary)}.modal-content .modal-header .modal-title{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:600}.modal-content .modal-header .modal-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-content .modal-header .modal-close:hover{background-color:var(--color-background-secondary);color:var(--color-text)}.modal-content .modal-header .modal-close .svg-inline--fa{width:16px}.modal-content .modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.modal-content .modal-footer{width:100%}.modal-content .modal-footer .buttons,.modal-content .modal-footer .modal-actions{display:flex;gap:1rem;padding:1.5rem;justify-content:flex-end;align-items:center;border-top:1px solid rgba(255,255,255,.1)}.modal-content .modal-footer .buttons .btn,.modal-content .modal-footer .buttons button,.modal-content .modal-footer .modal-actions .btn,.modal-content .modal-footer .modal-actions button{min-width:120px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.modal-content .modal-footer .buttons .btn:disabled,.modal-content .modal-footer .buttons button:disabled,.modal-content .modal-footer .modal-actions .btn:disabled,.modal-content .modal-footer .modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-content .modal-footer .buttons .btn:not(:disabled):hover,.modal-content .modal-footer .buttons button:not(:disabled):hover,.modal-content .modal-footer .modal-actions .btn:not(:disabled):hover,.modal-content .modal-footer .modal-actions button:not(:disabled):hover{box-shadow:0 4px 12px #00000026}.modal-content .modal-footer .buttons .btn.btn-ghost-dark-grey,.modal-content .modal-footer .modal-actions .btn.btn-ghost-dark-grey{color:var(--color-foreground-muted)!important;border:1px solid var(--color-border)!important}.modal-content .modal-footer .buttons .btn.btn-ghost-dark-grey:hover:not(:disabled),.modal-content .modal-footer .modal-actions .btn.btn-ghost-dark-grey:hover:not(:disabled){background-color:var(--color-background-secondary)!important;color:var(--color-foreground)!important;border-color:var(--color-border-hover, rgba(255, 255, 255, .3))!important}.modal-content .modal-footer .buttons .btn.btn-filled-green,.modal-content .modal-footer .modal-actions .btn.btn-filled-green{background-color:#10b981!important;color:#fff!important;border:1px solid #10b981!important}.modal-content .modal-footer .buttons .btn.btn-filled-green:hover:not(:disabled),.modal-content .modal-footer .modal-actions .btn.btn-filled-green:hover:not(:disabled){background-color:#059669!important;border-color:#059669!important;box-shadow:0 4px 12px #10b9814d!important}.modal-content .modal-footer .buttons .btn.btn-filled-blue,.modal-content .modal-footer .modal-actions .btn.btn-filled-blue{background-color:#3b82f6!important;color:#fff!important;border:1px solid #3b82f6!important}.modal-content .modal-footer .buttons .btn.btn-filled-blue:hover:not(:disabled),.modal-content .modal-footer .modal-actions .btn.btn-filled-blue:hover:not(:disabled){background-color:#2563eb!important;border-color:#2563eb!important;box-shadow:0 4px 12px #3b82f64d!important}.modal-content .form-row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.modal-content .form-row label{flex-shrink:0;min-width:120px;font-weight:500;color:var(--text-primary);margin-bottom:0}.modal-content .form-row p{margin:0;flex:1}.modal-content .form-row select,.modal-content .form-row input{flex:1}.modal-content .form-row strong{color:var(--text-primary)}.modal-content .archive-warning{padding:1rem;background:rgba(251,146,60,.1);border:1px solid rgba(251,146,60,.3);border-radius:var(--radius-md);margin-top:1rem}.modal-content .archive-warning p{margin:0;color:var(--text-primary)}.dashboard{padding:2rem;max-width:1400px}.dashboard__header{text-align:center;margin-bottom:3rem}.dashboard__header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--color-foreground)}.dashboard__header p{color:var(--color-foreground);opacity:.7}.dashboard-row{display:flex;width:100%;gap:1.5rem;max-width:1400px}.dashboard-row:last-child{margin-bottom:0}.dashboard-row .col-full{flex:1 1 100%}.dashboard-row .col-half{flex:1 1 50%}.dashboard-row .col-third{flex:1 1 33.333%}.dashboard-row .col-quarter{flex:1 1 25%}.dashboard-row .col-two-thirds{flex:1 1 66.666%}.dashboard-row .col-three-quarters{flex:1 1 75%}@media screen and (max-width: 1024px) and (min-width: 769px){.dashboard-row .col-quarter{flex:1 1 calc(50% - .75rem);max-width:calc(50% - .75rem)}}@media screen and (max-width: 768px){.dashboard-row{flex-wrap:wrap;gap:1rem}.dashboard-row .col-quarter{flex:1 1 calc(50% - .5rem);max-width:calc(50% - .5rem)}.dashboard-row .col-half{flex:1 1 100%;max-width:100%}.dashboard-row .dashboard-card{padding:1.5rem;min-height:auto}.dashboard-row .dashboard-card .card-icon{width:40px;height:40px;font-size:1.25rem}.dashboard-row .dashboard-card .card-value{font-size:1.75rem;margin:.75rem 0 .5rem}.dashboard-row .dashboard-card .card-label{font-size:.875rem}.dashboard-row .dashboard-card .card-subtitle{font-size:.75rem;margin-top:.25rem}}@media screen and (max-width: 480px){.dashboard-row .col-full,.dashboard-row .col-half,.dashboard-row .col-third,.dashboard-row .col-quarter,.dashboard-row .col-two-thirds,.dashboard-row .col-three-quarters{flex:1 1 100%;max-width:100%}}.stat-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.stat-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}@media screen and (max-width: 1024px) and (min-width: 401px){.stat-card__icon{width:40px;height:40px;font-size:1rem}}.stat-card__icon--blue{background:var(--accent-primary)}.stat-card__icon--green{background:#10b981}.stat-card__icon--purple{background:#8b5cf6}.stat-card__icon--orange{background:#f59e0b}.stat-card__trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.stat-card__trend--up{color:#10b981;background:rgba(16,185,129,.1)}.stat-card__trend--down{color:#ef4444;background:rgba(239,68,68,.1)}.stat-card__content{text-align:left}.stat-card__value{font-size:2rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.stat-card__title{font-size:.875rem;font-weight:600;color:var(--text-primary);opacity:.8;margin-bottom:.25rem}.stat-card__subtitle{font-size:.75rem;color:var(--text-secondary);opacity:.8}.simple-chart{height:100%;position:relative}.simple-chart__y-axis{position:absolute;left:0;top:10px;bottom:50px;width:40px;display:flex;flex-direction:column;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);opacity:.8;text-align:right;padding-right:.5rem}.simple-chart__chart-area{margin-left:45px;margin-top:10px;height:calc(100% - 60px);position:relative;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.simple-chart__bars{display:flex;align-items:end;height:100%;padding:20px 15px;gap:4px}.simple-chart__bar{flex:1;background:var(--bg-tertiary);border-radius:3px 3px 0 0;transition:all var(--transition-fast);cursor:pointer;min-height:2px}.simple-chart__bar--has-data{background:linear-gradient(180deg,var(--accent-primary) 0%,rgba(var(--accent-primary-rgb),.7) 100%);box-shadow:0 2px 4px rgba(var(--accent-primary-rgb),.2);min-height:3px}.simple-chart__bar:hover{background:var(--bg-hover)}.simple-chart__x-axis{margin-left:45px;display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);opacity:.8;margin-top:15px;padding:0 15px}.simple-chart__no-data{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.6}.simple-chart .chart-summary .period-total{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.simple-chart .chart-summary .period-total .total-label{color:var(--text-secondary);font-weight:500}.simple-chart .chart-summary .period-total .total-value{color:var(--accent-primary);font-weight:600}.activity-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;height:100%}.activity-card__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.activity-card__title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.activity-card__view-all{background:none;border:none;color:var(--accent-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.activity-card__view-all:hover{background:var(--bg-hover)}.activity-card__content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex:1;overflow:auto;padding:0}.activity-card__content .card-chart{padding:1rem;overflow:hidden;height:100%}.activity-card__content .card-chart .line-chart{height:100%!important;max-height:100%}.activity-card__content .card-chart .line-chart canvas{max-height:100%!important}.activity-card__no-data{padding:3rem 2rem;text-align:center;color:var(--text-secondary);opacity:.8;font-style:italic;font-size:1rem}.activity-card__item{display:flex;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.activity-card__item:last-child{border-bottom:none}.activity-card__item:hover{background:var(--bg-hover)}.activity-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-accent);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0;font-size:1.1rem}.activity-card__details{flex:1;min-width:0}.activity-card__name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-card__date{font-size:.875rem;color:var(--text-secondary);opacity:.8;margin:0}.activity-card__header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid var(--datatable-border, rgba(0, 0, 0, .08))}.activity-card__header--small{padding:1.5rem 1.5rem 1rem}.activity-card__title{font-size:1.25rem;font-weight:600;color:var(--color-foreground);margin:0}.activity-card__title--small{font-size:1.125rem}.activity-card__view-all{background:none;border:none;color:var(--accent-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:background-color .2s ease}.activity-card__view-all:hover{background:rgba(59,130,246,.1)}.activity-card__content{flex:1;overflow:auto;padding:0}.activity-card__content--small{padding:0}.activity-card__empty{padding:3rem 2rem;text-align:center;color:var(--color-foreground);opacity:.6;font-style:italic;font-size:1rem}.activity-card__empty--small{padding:2rem}.activity-item{display:flex;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);transition:all var(--transition-fast)}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--bg-hover)}.activity-item--small{padding:1rem 1.5rem}.activity-item__icon{width:48px;height:48px;border-radius:12px;background:var(--bg-accent);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0;font-size:1.1rem}.activity-item__icon--small{width:40px;height:40px;border-radius:10px;margin-right:1rem}.activity-item__icon--payments{background:rgba(16,185,129,.1);color:#10b981}.activity-item__icon--wishlists{background:rgba(139,92,246,.1);color:#8b5cf6}.activity-item__content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.activity-item__name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item__name--small{font-size:.875rem;margin:0 0 .25rem}.activity-item__date{font-size:.875rem;color:var(--text-secondary);opacity:.8;margin:0}.activity-item__date--small{font-size:.75rem}.activity-item__amount{font-size:.875rem;font-weight:600;color:#10b981;margin-left:1rem;flex-shrink:0}.activity-item__tier-badge{margin-left:1rem;flex-shrink:0}.tier-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid;transition:all .2s ease}.tier-badge--premium{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#fff;border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b4d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tier-badge--basic{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb4d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tier-badge--pro{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed4d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tier-badge--enterprise{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);color:#fff;border-color:#374151;box-shadow:0 2px 8px #1118274d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tier-badge--free{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;border-color:#4b5563;box-shadow:0 2px 8px #4b55634d;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media screen and (max-width: 768px){.dashboard{padding:0}.dashboard__header{margin-bottom:2rem}.dashboard__header h1{font-size:2rem}.stat-card{min-width:auto;max-width:none;padding:1.25rem}.stat-card__value{font-size:1.75rem}}@media screen and (max-width: 1024px) and (min-width: 401px){.stat-card{padding:1rem}.stat-card__header{margin-bottom:.75rem}.stat-card__value{font-size:2rem}.activity-card{min-width:auto}.activity-card__header{padding:1.25rem 1.25rem .75rem}.activity-card__header--small{padding:1rem 1rem .5rem}.activity-card__title{font-size:1.125rem}.activity-card__title--small{font-size:1rem}.activity-item{padding:.75rem 1.25rem}.activity-item--small{padding:.75rem 1rem}.activity-item__icon{width:36px;height:36px;margin-right:.75rem}.activity-item__icon--small{width:32px;height:32px;margin-right:.75rem}.activity-item__tier-badge{margin-left:.5rem}.tier-badge{padding:.2rem .5rem;font-size:.65rem}.simple-chart__chart-area{height:260px;margin-left:40px}.simple-chart__y-axis{bottom:30px;width:35px;top:5px}.simple-chart__x-axis{margin-left:40px;padding:0 10px}.simple-chart__bars{padding:15px 10px;gap:2px}.activity-card__content .card-chart{padding:.5rem}.activity-card__content .card-chart .line-chart{height:100%!important;max-height:100%}}section.data-migrations .data-migrations-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}@media (max-width: 768px){section.data-migrations .data-migrations-header .header-content{flex-direction:column;align-items:stretch}}section.data-migrations .data-migrations-header .header-text{flex:1}section.data-migrations .data-migrations-header .header-text h2{margin:0 0 .5rem;color:var(--text-primary)}section.data-migrations .data-migrations-header .header-text p{margin:0;color:var(--text-secondary);font-size:.875rem}section.data-migrations .data-migrations-header .header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;align-self:center}@media (max-width: 768px){section.data-migrations .data-migrations-header .header-actions{align-self:flex-start}}section.data-migrations .migrations-grid{display:grid;gap:1.5rem;width:100%;max-width:1400px}section.data-migrations .migrations-grid .animated-container{width:100%}section.data-migrations .migrations-grid .no-migrations{grid-column:1/-1;display:flex;align-items:center;justify-content:center;padding:3rem}section.data-migrations .migrations-grid .no-migrations .no-migrations-content{text-align:center;max-width:500px}section.data-migrations .migrations-grid .no-migrations .no-migrations-content svg{color:var(--text-muted);margin-bottom:1.5rem}section.data-migrations .migrations-grid .no-migrations .no-migrations-content h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}section.data-migrations .migrations-grid .no-migrations .no-migrations-content p{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.6}section.data-migrations .migration-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-normal)}section.data-migrations .migration-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}section.data-migrations .migration-card.processing{border-left:4px solid var(--info-color)}section.data-migrations .migration-card.complete{border-left:4px solid var(--success-color)}section.data-migrations .migration-card.failed{border-left:4px solid var(--error-color)}section.data-migrations .migration-card.cancelled{border-left:4px solid var(--warning-color)}section.data-migrations .migration-card .migration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:2rem}section.data-migrations .migration-card .migration-header .migration-info{flex:1}section.data-migrations .migration-card .migration-header .migration-info .migration-title{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}section.data-migrations .migration-card .migration-header .migration-info .migration-description{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.4}section.data-migrations .migration-card .migration-header .migration-header-actions{display:flex;align-items:center;gap:.75rem}section.data-migrations .migration-card .migration-header .migration-header-actions .migration-status{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}section.data-migrations .migration-card .migration-header .migration-header-actions .migration-status.green{background:rgba(34,197,94,.1);color:var(--success-color)}section.data-migrations .migration-card .migration-header .migration-header-actions .migration-status.blue{background:rgba(59,130,246,.1);color:var(--info-color)}section.data-migrations .migration-card .migration-header .migration-header-actions .migration-status.red{background:rgba(239,68,68,.1);color:var(--error-color)}section.data-migrations .migration-card .migration-header .migration-header-actions .migration-status.orange{background:rgba(249,115,22,.1);color:var(--warning-color)}section.data-migrations .migration-card .migration-header .migration-header-actions .migration-status.gray{background:rgba(107,114,128,.1);color:var(--text-secondary)}section.data-migrations .migration-card .migration-header .migration-status{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}section.data-migrations .migration-card .migration-header .migration-status.green{background:rgba(34,197,94,.1);color:var(--success-color)}section.data-migrations .migration-card .migration-header .migration-status.blue{background:rgba(59,130,246,.1);color:var(--info-color)}section.data-migrations .migration-card .migration-header .migration-status.red{background:rgba(239,68,68,.1);color:var(--error-color)}section.data-migrations .migration-card .migration-header .migration-status.orange{background:rgba(249,115,22,.1);color:var(--warning-color)}section.data-migrations .migration-card .migration-header .migration-status.gray{background:rgba(107,114,128,.1);color:var(--text-secondary)}section.data-migrations .migration-card .migration-details{margin-bottom:1.5rem}section.data-migrations .migration-card .migration-details .progress-section{margin-bottom:1rem}section.data-migrations .migration-card .migration-details .progress-section .progress-bar{width:100%;height:8px;background:var(--background-secondary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}section.data-migrations .migration-card .migration-details .progress-section .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),#1d4ed8);transition:width var(--transition-normal)}section.data-migrations .migration-card .migration-details .progress-section .progress-text{font-size:.875rem;color:var(--text-secondary);text-align:center}section.data-migrations .migration-card .migration-details .migration-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;margin-bottom:1rem}section.data-migrations .migration-card .migration-details .migration-stats .stat{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}section.data-migrations .migration-card .migration-details .migration-stats .stat .stat-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}section.data-migrations .migration-card .migration-details .migration-stats .stat .stat-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}section.data-migrations .migration-card .migration-details .migration-timing{display:flex;flex-direction:column;gap:.5rem}section.data-migrations .migration-card .migration-details .migration-timing .timing-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}section.data-migrations .migration-card .migration-details .migration-timing .timing-item .timing-label{color:var(--text-secondary)}section.data-migrations .migration-card .migration-details .migration-timing .timing-item .timing-value{color:var(--text-primary);font-weight:500}section.data-migrations .migration-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}section.data-migrations .migration-actions button{font-size:.875rem}section.data-migrations .migration-actions button.migration-button{display:flex;flex-direction:column;padding:1rem;background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer}section.data-migrations .migration-actions button.migration-button:hover{background:var(--bg-card);border-color:var(--accent-primary)}section.data-migrations .migration-card-full{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;padding:2rem!important;margin-bottom:2rem!important;grid-column:1/-1!important;transition:all var(--transition-normal)!important;width:100%}section.data-migrations .migration-card-full:hover{border-color:var(--accent-primary)!important;box-shadow:var(--shadow-lg)!important}section.data-migrations .migration-card-full .migration-card-header{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:2rem!important;padding-bottom:1.5rem!important;border-bottom:1px solid var(--border-color)!important}section.data-migrations .migration-card-full .migration-card-header .migration-title-section{display:flex!important;flex-direction:column!important;gap:1rem!important;flex:1!important}section.data-migrations .migration-card-full .migration-card-header .migration-title-section .migration-title{margin:0!important;font-size:1.75rem!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.2!important;text-align:left}section.data-migrations .migration-card-full .migration-card-header .migration-title-section .migration-meta{display:flex!important;align-items:center!important;gap:1rem!important;flex-wrap:wrap!important}section.data-migrations .migration-card-full .migration-card-header .migration-title-section .migration-meta .migration-id{font-size:.875rem!important;color:var(--text-secondary)!important;background:var(--bg-tertiary)!important;padding:.5rem .75rem!important;border-radius:var(--radius-md)!important;font-family:monospace!important;font-weight:500!important}section.data-migrations .migration-card-full .migration-card-header .migration-title-section .migration-meta .migration-status-badge{font-size:.875rem!important;font-weight:600!important;padding:.5rem 1rem!important;border-radius:var(--radius-lg)!important;text-transform:uppercase!important;letter-spacing:.5px!important}section.data-migrations .migration-card-full .migration-card-header .migration-title-section .migration-meta .migration-status-badge.blue{background:rgba(59,130,246,.15)!important;color:#3b82f6!important}section.data-migrations .migration-card-full .migration-card-header .migration-title-section .migration-meta .migration-status-badge.green{background:rgba(16,185,129,.15)!important;color:#10b981!important}section.data-migrations .migration-card-full .migration-card-header .migration-title-section .migration-meta .migration-status-badge.red{background:rgba(239,68,68,.15)!important;color:#ef4444!important}section.data-migrations .migration-card-full .migration-card-header .migration-title-section .migration-meta .migration-status-badge.orange{background:rgba(249,115,22,.15)!important;color:#f97316!important}section.data-migrations .migration-card-full .migration-card-header .migration-actions{flex-shrink:0}section.data-migrations .migration-card-full .migration-progress-section{margin-bottom:2rem}section.data-migrations .migration-card-full .migration-progress-section .progress-bar-full{width:100%;height:12px!important;background:var(--bg-tertiary)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;border:1px solid var(--border-color)!important}section.data-migrations .migration-card-full .migration-progress-section .progress-bar-full .progress-fill{height:100%!important;background:linear-gradient(90deg,var(--accent-primary),#1d4ed8)!important;border-radius:var(--radius-lg)!important;transition:width var(--transition-normal)!important}section.data-migrations .migration-card-full.processing{border-left:4px solid var(--accent-primary)}section.data-migrations .migration-card-full.queued{border-left:4px solid #6366f1}section.data-migrations .migration-card-full.complete{border-left:4px solid #10b981}section.data-migrations .migration-card-full.failed{border-left:4px solid var(--accent-error)}section.data-migrations .migration-card-full.cancelled{border-left:4px solid #f97316}section.data-migrations .migration-card-full .migration-status-line{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;font-size:1rem!important;color:var(--text-secondary)!important;padding:1rem!important;background:var(--bg-secondary)!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important}section.data-migrations .migration-card-full .migration-status-line .status-info{display:flex!important;align-items:center!important;gap:1rem!important}section.data-migrations .migration-card-full .migration-status-line .status-actions{display:flex!important;align-items:center!important}section.data-migrations .migration-card-full .migration-status-line .details-toggle{cursor:pointer!important;color:var(--text-secondary)!important;font-size:1.2rem!important;transition:color .2s ease!important}section.data-migrations .migration-card-full .migration-status-line .details-toggle:hover{color:var(--text-primary)!important}section.data-migrations .migration-card-full .migration-status-line .status-text{font-weight:600!important;color:var(--text-primary)!important;font-size:1rem!important}section.data-migrations .migration-card-full .migration-status-line .separator{color:var(--text-muted)!important;font-weight:300!important}section.data-migrations .migration-card-full .migration-status-line .progress-text{font-weight:600!important;color:var(--accent-primary)!important}section.data-migrations .migration-card-full .migration-status-line .eta-text{color:var(--text-secondary)!important;font-style:italic!important}section.data-migrations .migration-card-full .migration-details-wrapper{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1)}section.data-migrations .migration-card-full .migration-details-wrapper.expanded{max-height:800px;opacity:1;transform:translateY(0);margin-top:1rem}section.data-migrations .migration-card-full .migration-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}section.data-migrations .migration-card-full .migration-details-grid .detail-item{display:flex;flex-direction:column;gap:.25rem}section.data-migrations .migration-card-full .migration-details-grid .detail-item.full-width{grid-column:1/-1}section.data-migrations .migration-card-full .migration-details-grid .detail-item .detail-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}section.data-migrations .migration-card-full .migration-details-grid .detail-item .detail-value{font-size:.875rem;color:var(--text-primary);font-weight:500}section.data-migrations .migration-card-full .migration-details-grid .detail-item .detail-value.error{color:var(--error-color)}section.data-migrations .migration-card-full .migration-details-grid .detail-item .runs-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}section.data-migrations .migration-card-full .migration-details-grid .detail-item .runs-list .run-item{display:flex;align-items:center;gap:1rem;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.875rem}section.data-migrations .migration-card-full .migration-details-grid .detail-item .runs-list .run-item .run-status{font-weight:600;color:var(--accent-primary)}section.data-migrations .migration-card-full .migration-details-grid .detail-item .runs-list .run-item .run-processed{color:var(--text-secondary)}section.data-migrations .migration-card-full .migration-details-grid .detail-item .runs-list .run-item .run-time{color:var(--text-muted);margin-left:auto}section.data-migrations .no-migrations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}section.data-migrations .no-migrations svg{margin-bottom:1rem;opacity:.5}section.data-migrations .no-migrations h3{margin:0 0 .5rem;color:var(--text-primary)}section.data-migrations .no-migrations p{margin:0;max-width:400px}section.data-migration-detail .migration-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}section.data-migration-detail .migration-detail-header .header-content{display:flex;flex-direction:column;gap:1rem}section.data-migration-detail .migration-detail-header .header-content .migration-title-section{display:flex;align-items:center;gap:1rem}section.data-migration-detail .migration-detail-header .header-content .migration-title-section h2{margin:0;color:var(--text-primary)}section.data-migration-detail .migration-detail-header .header-content .migration-title-section .migration-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}section.data-migration-detail .migration-detail-header .header-content .migration-title-section .migration-status.green{background:rgba(34,197,94,.1);color:var(--success-color)}section.data-migration-detail .migration-detail-header .header-content .migration-title-section .migration-status.blue{background:rgba(59,130,246,.1);color:var(--info-color)}section.data-migration-detail .migration-detail-header .header-content .migration-title-section .migration-status.red{background:rgba(239,68,68,.1);color:var(--error-color)}section.data-migration-detail .migration-detail-header .header-content .migration-title-section .migration-status.orange{background:rgba(249,115,22,.1);color:var(--warning-color)}section.data-migration-detail .migration-info-section{margin-bottom:2rem}section.data-migration-detail .migration-info-section .card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}section.data-migration-detail .migration-info-section .card h3{margin:0 0 1rem;color:var(--text-primary)}section.data-migration-detail .migration-info-section .card .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}section.data-migration-detail .migration-info-section .card .info-grid .info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}section.data-migration-detail .migration-info-section .card .info-grid .info-item .info-label{color:var(--text-secondary);font-size:.875rem}section.data-migration-detail .migration-info-section .card .info-grid .info-item .info-value{color:var(--text-primary);font-weight:500;font-size:.875rem}section.data-migration-detail .data-migration-not-found{display:flex;align-items:center;justify-content:center;min-height:400px}section.data-migration-detail .data-migration-not-found .not-found-content{text-align:center;max-width:400px}section.data-migration-detail .data-migration-not-found .not-found-content svg{margin-bottom:1rem;color:var(--warning-color)}section.data-migration-detail .data-migration-not-found .not-found-content h2{margin:0 0 1rem;color:var(--text-primary)}section.data-migration-detail .data-migration-not-found .not-found-content p{margin:0 0 2rem;color:var(--text-secondary)}.migration-execution-modal .migration-info{margin-bottom:2rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-lg)}.migration-execution-modal .migration-info h3{margin:0 0 .5rem;color:var(--text-primary)}.migration-execution-modal .migration-info p{margin:0 0 1rem;color:var(--text-secondary);font-size:.875rem}.migration-execution-modal .migration-info .migration-meta{display:flex;flex-direction:column;gap:.5rem}.migration-execution-modal .migration-info .migration-meta .meta-item{display:flex;justify-content:space-between;font-size:.875rem}.migration-execution-modal .migration-info .migration-meta .meta-item .meta-label{color:var(--text-secondary)}.migration-execution-modal .migration-info .migration-meta .meta-item .meta-value{color:var(--text-primary);font-weight:500}.migration-execution-modal .form-section{margin-bottom:2rem}.migration-execution-modal .form-section h4{margin:0 0 1rem;color:var(--text-primary)}.migration-execution-modal .warning-section{margin-bottom:2rem}.migration-execution-modal .warning-section .warning-box{display:flex;gap:1rem;padding:1rem;background:rgba(249,115,22,.1);border:1px solid var(--warning-color);border-radius:var(--border-radius)}.migration-execution-modal .warning-section .warning-box svg{color:var(--warning-color);flex-shrink:0;margin-top:.125rem}.migration-execution-modal .warning-section .warning-box .warning-content h4{margin:0 0 .5rem;color:var(--warning-color)}.migration-execution-modal .warning-section .warning-box .warning-content ul{margin:0;padding-left:1.25rem;color:var(--text-primary)}.migration-execution-modal .warning-section .warning-box .warning-content ul li{margin-bottom:.25rem;font-size:.875rem}.migration-execution-modal .warning-section .warning-box .warning-content ul li:last-child{margin-bottom:0}.migration-execution-modal .warning-section .warning-box .warning-content ul li strong{color:var(--warning-color)}@media screen and (max-width: 768px){section.data-migrations .migrations-grid{grid-template-columns:1fr}section.data-migrations .migration-card .migration-header{flex-direction:column;align-items:stretch}section.data-migrations .migration-card .migration-header .migration-status{align-self:flex-start}section.data-migrations .migration-card .migration-actions button{flex:1;min-width:auto}section.data-migration-detail .migration-detail-header{flex-direction:column;align-items:stretch}section.data-migration-detail .migration-detail-header .header-content .migration-title-section{flex-direction:column;align-items:flex-start}section.data-migration-detail .migration-info-section .info-grid{grid-template-columns:1fr}.modal-loading{text-align:center;padding:2rem}.modal-loading p{margin-top:1rem;color:var(--text-secondary)}.migrator-list .no-migrators{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--background-secondary);border-radius:var(--border-radius)}.migrator-list .migrator-option{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:.75rem;cursor:pointer;transition:all .2s ease}.migrator-list .migrator-option:hover{border-color:var(--primary-color);background:var(--background-hover)}.migrator-list .migrator-option.selected{border-color:var(--primary-color);background:var(--primary-background)}.migrator-list .migrator-option .migrator-info{flex:1}.migrator-list .migrator-option .migrator-info .migrator-title{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem;font-weight:600}.migrator-list .migrator-option .migrator-info .migrator-description{margin:0 0 .75rem;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.migrator-list .migrator-option .migrator-info .migrator-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted)}.migrator-list .migrator-option .migrator-info .migrator-meta span{font-family:var(--font-mono)}.migrator-list .migrator-option .migrator-select{margin-left:1rem;color:var(--border-color);font-size:1.25rem}.migrator-list .migrator-option .migrator-select.selected,.migrator-list .migrator-option .migrator-select .selected{color:var(--primary-color)}}.page.data-migration-detail .page-header .status-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.page.data-migration-detail .page-header .status-badge.running,.page.data-migration-detail .page-header .status-badge.blue{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.25));color:#2563eb;border:1px solid rgba(59,130,246,.3)}.page.data-migration-detail .page-header .status-badge.completed,.page.data-migration-detail .page-header .status-badge.green{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.25));color:#16a34a;border:1px solid rgba(34,197,94,.3)}.page.data-migration-detail .page-header .status-badge.failed,.page.data-migration-detail .page-header .status-badge.red{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.25));color:#dc2626;border:1px solid rgba(239,68,68,.3)}.page.data-migration-detail .page-header .status-badge.cancelled,.page.data-migration-detail .page-header .status-badge.gray{background:linear-gradient(135deg,rgba(156,163,175,.15),rgba(156,163,175,.25));color:#6b7280;border:1px solid rgba(156,163,175,.3)}.page.data-migration-detail .page-header .status-badge.orange{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(249,115,22,.25));color:#ea580c;border:1px solid rgba(249,115,22,.3)}@media (max-width: 768px){.page.data-migration-detail .page-header .status-badge{padding:.5rem .75rem;font-size:.75rem}}.page.data-migration-detail .dashboard{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@media (max-width: 768px){.page.data-migration-detail .dashboard{gap:.75rem;padding:0}}.page.data-migration-detail .dashboard .dashboard-row{flex-wrap:nowrap}.page.data-migration-detail .dashboard .dashboard-row .col-quarter{flex:1 1 25%;max-width:100%}.page.data-migration-detail .form-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;box-shadow:0 2px 8px #0000000d}.page.data-migration-detail .form-section h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem;font-weight:700;border-bottom:3px solid var(--accent-primary);padding-bottom:.75rem}.page.data-migration-detail .form-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page.data-migration-detail .form-section .section-header h3{margin:0;border:none;padding:0}.page.data-migration-detail .form-section .section-header .progress-percentage{font-size:2.5rem;font-weight:800;color:var(--accent-primary);text-shadow:0 2px 4px rgba(0,0,0,.1)}.page.data-migration-detail .form-section .progress-bar-container .progress-bar{width:100%;height:16px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:1rem;border:1px solid var(--border-color);box-shadow:inset 0 2px 4px #0000001a}.page.data-migration-detail .form-section .progress-bar-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),#1d4ed8);border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.page.data-migration-detail .form-section .progress-bar-container .progress-bar .progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.page.data-migration-detail .form-section .progress-bar-container .progress-eta{font-size:.875rem;color:var(--text-secondary);font-style:italic;text-align:center}.page.data-migration-detail .form-section .info-list .info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-bottom:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background-color .2s ease}.page.data-migration-detail .form-section .info-list .info-item:hover{background:rgba(var(--accent-primary-rgb),.05)}.page.data-migration-detail .form-section .info-list .info-item:last-child{margin-bottom:0}.page.data-migration-detail .form-section .info-list .info-item .info-label{font-weight:600;color:var(--text-secondary);font-size:.875rem}.page.data-migration-detail .form-section .info-list .info-item .info-value{color:var(--text-primary);font-weight:600;font-size:.875rem}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.data-migration-not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.data-migration-not-found .not-found-content{text-align:center;max-width:400px}.data-migration-not-found .not-found-content svg{color:var(--text-muted);margin-bottom:1.5rem}.data-migration-not-found .not-found-content h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.data-migration-not-found .not-found-content p{margin:0 0 2rem;color:var(--text-secondary);font-size:1rem}.data-migration-not-found .not-found-content .back-to-migrations-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:var(--radius-lg);transition:all .2s ease}.data-migration-not-found .not-found-content .back-to-migrations-btn svg{margin:0;font-size:.875rem}.data-migration-not-found .not-found-content .back-to-migrations-btn:hover{transform:none}.page.database-backup .stats-section{margin-bottom:2rem}.page.database-backup .backups-section .datatable-results .backup-type{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.page.database-backup .backups-section .datatable-results .backup-type.backup-type-backup{background:var(--bg-blue-light);color:var(--color-blue)}.page.database-backup .backups-section .datatable-results .backup-type.backup-type-restore{background:var(--bg-orange-light);color:var(--color-orange)}.page.database-backup .backups-section .datatable-results .backup-status{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.page.database-backup .backups-section .datatable-results .backup-status.backup-status-pending{background:var(--bg-gray-light);color:var(--text-secondary)}.page.database-backup .backups-section .datatable-results .backup-status.backup-status-running{background:var(--bg-blue-light);color:var(--color-blue)}.page.database-backup .backups-section .datatable-results .backup-status.backup-status-completed{background:var(--bg-green-light);color:var(--color-green)}.page.database-backup .backups-section .datatable-results .backup-status.backup-status-failed{background:var(--bg-red-light);color:var(--color-red)}.page.database-backup .backups-section .datatable-results .backup-status.backup-status-cancelled{background:var(--bg-orange-light);color:var(--color-orange)}.page.database-backup .backups-section .datatable-results .file-size{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary)}.page.database-backup .backups-section .datatable-results .percentage{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text-primary)}.modal-form .collections-selection .collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.modal-form .collections-selection .collections-header .collections-count{font-size:.875rem;color:var(--text-secondary)}.modal-form .collections-selection .collections-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary)}.modal-form .collections-selection .collections-grid .collection-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.modal-form .collections-selection .collections-grid .collection-checkbox:hover{background:var(--bg-hover)}.modal-form .collections-selection .collections-grid .collection-checkbox input[type=checkbox]{margin:0;width:auto}.modal-form .collections-selection .collections-grid .collection-checkbox .collection-name{font-size:.875rem;color:var(--text-primary);font-family:var(--font-mono)}.modal-form .collections-selection .collections-note p{margin:0;font-size:.8125rem;color:var(--text-secondary);font-style:italic}.modal-form .restore-mode-options{display:flex;flex-direction:column;gap:1rem}.modal-form .restore-mode-options .radio-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal-form .restore-mode-options .radio-option:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.modal-form .restore-mode-options .radio-option input[type=radio]{margin:.25rem 0 0;width:auto}.modal-form .restore-mode-options .radio-option .radio-content{display:flex;flex-direction:column;gap:.25rem}.modal-form .restore-mode-options .radio-option .radio-content strong{color:var(--text-primary);font-size:.9375rem}.modal-form .restore-mode-options .radio-option .radio-content span{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.email-sent-view .edit-form-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.email-sent-view .edit-form-header .edit-form-actions{display:flex;gap:1rem;flex-shrink:0}.email-sent-view .email-content-iframe-container{width:100%;height:600px;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#ffffff;position:relative}.email-sent-view .email-content-iframe-container .email-content-iframe{width:100%;height:100%;border:none;background:#ffffff}.email-sent-view .email-content-iframe-container.loading{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.02)}.email-sent-view .email-content-iframe-container.loading:after{content:"Loading email content...";color:var(--text-secondary);font-style:italic}.email-sent-view .email-content-iframe-container.error{display:flex;align-items:center;justify-content:center;background:rgba(239,68,68,.1);border-color:#ef444433}.email-sent-view .email-content-iframe-container.error:after{content:"Error loading email content";color:#ef4444;font-style:italic}.email-sent-view .email-content-iframe-container.no-content{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1)}.email-sent-view .email-content-iframe-container.no-content:after{content:"No email content available";color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.email-sent-view .edit-form-header{flex-direction:column;gap:1rem}.email-sent-view .edit-form-header .edit-form-actions{width:100%;justify-content:stretch}.email-sent-view .edit-form-header .edit-form-actions button{flex:1}.email-sent-view .email-content-iframe-container{height:400px}}@media (max-width: 480px){.email-sent-view .email-content-iframe-container{height:300px}}section.group .meta .column .row .value.draw-resets{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}section.group .meta .column .row .value button.admin-favorite-group,section.group .meta .column .row .value button.group-reset-draw,section.group .meta .column .row .value button.upgrade-group{margin-left:20px}@media (max-width: 768px){section.group .meta .column .row .value button.admin-favorite-group,section.group .meta .column .row .value button.group-reset-draw,section.group .meta .column .row .value button.upgrade-group{margin-left:0;margin-top:.5rem}}section.group .data-table.groupNote{margin-top:3rem}section.group .data-table.groupNote h3{margin-bottom:0}section.group .conflict-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;margin:1rem 0;color:#856404}section.group .conflict-warning .conflict-warning-header{display:flex;align-items:center;margin-bottom:.5rem}section.group .conflict-warning .conflict-warning-header .warning-icon{color:#f39c12;margin-right:.5rem;font-size:1.1rem}section.group .conflict-warning .conflict-warning-header strong{font-weight:600}section.group .conflict-warning .conflict-warning-message{margin-bottom:.75rem;font-size:.95rem}section.group .conflict-warning .conflict-warning-names .conflict-detail{background-color:#fff;border:1px solid #ffeaa7;border-radius:4px;padding:.5rem;margin-bottom:.5rem;font-size:.9rem}section.group .conflict-warning .conflict-warning-names .conflict-detail:last-child{margin-bottom:0}section.group .conflict-warning .conflict-warning-names .conflict-detail strong{font-weight:600;color:#d63031}section.group .impossible-conflicts-warning{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:1rem;margin:1rem 0;color:#721c24}section.group .impossible-conflicts-warning .impossible-conflicts-warning-header{display:flex;align-items:center;margin-bottom:.5rem}section.group .impossible-conflicts-warning .impossible-conflicts-warning-header .error-icon{color:#dc3545;margin-right:.5rem;font-size:1.1rem}section.group .impossible-conflicts-warning .impossible-conflicts-warning-header strong{font-weight:600}section.group .impossible-conflicts-warning .impossible-conflicts-warning-message{margin-bottom:.75rem;font-size:.95rem}section.group .impossible-conflicts-warning .impossible-conflicts-warning-names{margin-bottom:.75rem}section.group .impossible-conflicts-warning .impossible-conflicts-warning-names .impossible-conflict-detail{background-color:#fff;border:1px solid #f5c6cb;border-radius:4px;padding:.5rem;margin-bottom:.5rem;font-size:.9rem}section.group .impossible-conflicts-warning .impossible-conflicts-warning-names .impossible-conflict-detail:last-child{margin-bottom:0}section.group .impossible-conflicts-warning .impossible-conflicts-warning-names .impossible-conflict-detail strong{font-weight:600;color:#dc3545}section.group .impossible-conflicts-warning .impossible-conflicts-warning-solution{background-color:#fff;border:1px solid #f5c6cb;border-radius:4px;padding:.75rem;font-size:.9rem;font-style:italic}section.group .impossible-conflicts-warning .impossible-conflicts-warning-solution strong{font-weight:600;color:#721c24}section.group .edit-form-fields.group-notes{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2rem}section.group .edit-form-fields.group-notes .group-notes-empty{margin-top:0}section.group .edit-form-fields.group-notes .add-new-group-note-container{padding:0}section.group .edit-form-fields.group-notes .add-new-group-note-container .edit-form-section .edit-form-fields .edit-form-field-group{margin-bottom:1rem}section.group .edit-form-fields.group-notes .add-new-group-note-container .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-actions-group{margin-top:0}.group-shortened-urls{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px}.group-shortened-urls h3{margin:0 0 1rem;color:var(--color-text);font-size:1.2rem}.group-shortened-urls .loading,.group-shortened-urls .error,.group-shortened-urls .no-urls{padding:1rem;text-align:center;color:var(--color-text-muted);font-style:italic}.group-shortened-urls .error{color:var(--color-error)}.group-shortened-urls .urls-list{display:flex;flex-direction:column;gap:1rem}.group-shortened-urls .url-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;padding:1rem}.group-shortened-urls .url-item .url-info{display:flex;flex-direction:column;gap:.75rem}.group-shortened-urls .url-item .url-row{display:flex;flex-direction:column;gap:.25rem}@media (min-width: 768px){.group-shortened-urls .url-item .url-row{flex-direction:row;align-items:center;gap:1rem}}.group-shortened-urls .url-item .url-row label{font-weight:600;color:var(--color-text);min-width:100px;font-size:.9rem}.group-shortened-urls .url-item .url-row .url-value{display:flex;align-items:center;gap:.5rem;flex:1}.group-shortened-urls .url-item .url-row .url-value a{color:var(--color-primary);text-decoration:none;word-break:break-all;flex:1}.group-shortened-urls .url-item .url-row .url-value a:hover{text-decoration:underline}.group-shortened-urls .url-item .url-row .url-value.original a{color:var(--color-text-muted);font-size:.9rem}.group-shortened-urls .url-item .url-row .url-value .copy-url-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.group-shortened-urls .url-item .url-row .url-value .copy-url-button:hover{background-color:var(--color-background-hover);color:var(--color-primary)}.group-shortened-urls .url-item .url-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--color-text-muted);padding-top:.5rem;border-top:1px solid var(--color-border)}.group-shortened-urls .url-item .url-meta span{display:flex;align-items:center;gap:.25rem}.group-shortened-urls .url-item .url-meta .clicks{color:var(--color-success)}.readonly-field.with-edit-button{display:flex;align-items:center;justify-content:space-between;gap:1rem}.readonly-field.with-edit-button a{flex:1}.readonly-field.with-edit-button button{flex-shrink:0}.add-new-group-note-container{border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.add-new-group-note-container h3{margin:0 0 1.5rem;color:var(--color-text);font-size:1.1rem}.add-new-group-note-container .edit-form-section .edit-form-fields{gap:1rem}.add-new-group-note-container .edit-form-section .edit-form-fields .edit-form-field-group label{font-weight:600;color:var(--color-text);margin-bottom:.5rem;display:block}.add-new-group-note-container .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-actions-group{margin-top:1rem}.add-new-group-note-container .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-actions-group .button-group{display:flex;justify-content:flex-start}.copy-actions-modal{padding:1.5rem;padding-top:0}.copy-actions-modal .modal-description{margin-bottom:1.5rem;color:var(--color-text-muted);font-size:.9rem}.copy-actions-modal .copy-actions-table{display:flex;flex-direction:column;gap:.75rem}.copy-actions-modal .copy-action-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-background);transition:all .2s ease}.copy-actions-modal .copy-action-row:hover{background-color:var(--color-background-secondary);border-color:var(--color-primary)}.copy-actions-modal .copy-action-row .action-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.copy-actions-modal .copy-action-row .action-info .action-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text);font-size:.95rem}.copy-actions-modal .copy-action-row .action-info .action-title .svg-inline--fa{color:var(--color-primary);width:16px}.copy-actions-modal .copy-action-row .action-info .action-description{color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.copy-actions-modal .copy-action-row .action-button{margin-left:1rem;flex-shrink:0}.copy-actions-modal .copy-action-row .action-button button{display:flex;align-items:center;gap:.5rem;white-space:nowrap}@media (max-width: 768px){.copy-actions-modal .copy-action-row{flex-direction:column;align-items:stretch;gap:1rem}.copy-actions-modal .copy-action-row .action-button{margin-left:0;align-self:stretch}.copy-actions-modal .copy-action-row .action-button button{width:100%;justify-content:center}}.edit-group-admins-modal .modal-description{margin-bottom:1.5rem;color:var(--color-text-muted);font-size:.9rem}.edit-group-admins-modal .admin-names-list{display:flex;flex-direction:column;gap:0;max-height:600px;overflow-y:auto;border:2px solid var(--datatable-border);border-radius:8px;background-color:var(--color-background)}.edit-group-admins-modal .admin-name-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;transition:all .2s ease;border-bottom:1px solid var(--datatable-border)}.edit-group-admins-modal .admin-name-row:last-child{border-bottom:none}.edit-group-admins-modal .admin-name-row:nth-child(2n){background-color:var(--datatable-row-background-alt)}.edit-group-admins-modal .admin-name-row:hover{background-color:var(--datatable-row-background-hover)}.edit-group-admins-modal .admin-name-row.is-admin{background-color:#10b9811a;border-left:4px solid #10b981}.edit-group-admins-modal .admin-name-row.is-admin:nth-child(2n){background-color:#10b98126}.edit-group-admins-modal .admin-name-row.is-admin:hover{background-color:#10b98133}.edit-group-admins-modal .admin-name-row.only-admin{background-color:#f59e0b1a;border-left:4px solid #f59e0b}.edit-group-admins-modal .admin-name-row.only-admin:nth-child(2n){background-color:#f59e0b26}.edit-group-admins-modal .admin-name-row.only-admin:hover{background-color:#f59e0b33}.edit-group-admins-modal .admin-name-row .name-info{flex:1;display:flex;align-items:center;gap:.75rem}.edit-group-admins-modal .admin-name-row .name-info .name-text{font-weight:500;color:var(--color-foreground)}.edit-group-admins-modal .admin-name-row .name-info .only-admin-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#f59e0b;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.edit-group-admins-modal .admin-name-row .name-info .only-admin-badge .svg-inline--fa{width:12px}.edit-group-admins-modal .admin-name-row .admin-checkbox .checkbox-container{position:relative;display:flex;align-items:center;cursor:pointer}.edit-group-admins-modal .admin-name-row .admin-checkbox .checkbox-container input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.edit-group-admins-modal .admin-name-row .admin-checkbox .checkbox-container input[type=checkbox]:disabled+.checkmark{opacity:.5;cursor:not-allowed}.edit-group-admins-modal .admin-name-row .admin-checkbox .checkbox-container input[type=checkbox]:checked+.checkmark{background-color:#10b981;border-color:#10b981}.edit-group-admins-modal .admin-name-row .admin-checkbox .checkbox-container input[type=checkbox]:checked+.checkmark .svg-inline--fa{opacity:1}.edit-group-admins-modal .admin-name-row .admin-checkbox .checkbox-container .checkmark{width:24px;height:24px;border:2px solid var(--datatable-border);border-radius:4px;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-group-admins-modal .admin-name-row .admin-checkbox .checkbox-container .checkmark .svg-inline--fa{color:#fff;width:12px;opacity:0;transition:opacity .2s ease}.edit-group-admins-modal .admin-name-row .admin-checkbox .checkbox-container .checkmark:hover{border-color:#3b82f6}.edit-group-admins-modal .updating-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background-color:var(--datatable-row-background-alt);border-radius:6px;color:#6b7280;font-size:.9rem}.edit-group-admins-modal .updating-indicator .svg-inline--fa{color:#3b82f6}.admins-list-container{display:flex;flex-direction:column;gap:1rem}.admins-list-container .admins-list{display:flex;flex-direction:column;gap:.5rem}.admins-list-container .admin-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.admins-list-container .admin-row:hover{background:rgba(255,255,255,.08);border-color:#fff3}.admins-list-container .admin-row .admin-info{flex:1}.admins-list-container .admin-row .admin-info a{color:#e2e8f0;text-decoration:none;font-weight:500}.admins-list-container .admin-row .admin-info a:hover{color:#3b82f6;text-decoration:underline}.admins-list-container .admin-row .admin-actions{flex-shrink:0}.admins-list-container .admins-edit-button{align-self:flex-end}.group-name-container{display:flex;align-items:center;justify-content:center;gap:.5rem;justify-self:flex-start}.group-name-container .premium-star-container{position:relative;display:inline-flex;align-items:center}.group-name-container .premium-star-container .premium-star{color:#fbbf24;font-size:14px}.group-name-container .premium-star-container .repeat-upgrade-badge{position:absolute;top:-6px;right:-6px;background-color:#dc2626;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;line-height:1;border:1px solid var(--card-bg);z-index:1;font-size:40%;width:50%;height:50%}.group-name-container .premium-star{color:#fbbf24;font-size:14px}.site-options{width:100%;max-width:1400px;gap:0}.site-options .site-options-header{margin-bottom:2rem;text-align:center}.site-options .site-options-header h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin:0 0 .5rem}.site-options .site-options-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.site-options .site-options-tabs{display:flex;justify-content:center;gap:2px;margin-bottom:-2px;position:relative;align-self:flex-start}@media (max-width: 768px){.site-options .site-options-tabs{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}}.site-options .site-options-tabs .site-options-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.08);border-bottom:2px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;border-radius:12px 12px 0 0;transition:all .3s ease;position:relative;white-space:nowrap}.site-options .site-options-tabs .site-options-tab:hover:not(.active){color:var(--text-primary);background:rgba(255,255,255,.04);border-color:#ffffff1f;border-bottom-color:#ffffff1a;transform:translateY(-1px)}.site-options .site-options-tabs .site-options-tab.active{color:#fff;background:rgba(255,255,255,.08);border-color:#fff3;border-bottom:none;z-index:10;font-weight:600;box-shadow:0 4px 12px #00000026}.site-options .site-options-tabs .site-options-tab.active:after{content:"";position:absolute;bottom:-2px;left:-2px;right:-2px;height:2px;background:rgba(255,255,255,.08);z-index:11}.site-options .site-options-tabs .site-options-tab .svg-inline--fa{font-size:1.1rem}@media (max-width: 768px){.site-options .site-options-tabs .site-options-tab{width:100%;justify-content:center;border-radius:8px;margin-bottom:.5rem;border:2px solid rgba(255,255,255,.1);transform:none}.site-options .site-options-tabs .site-options-tab.active:after{display:none}.site-options .site-options-tabs .site-options-tab.active{border-bottom:2px solid #059669;background:#10b981;color:#fff;border-color:#059669;font-weight:600;box-shadow:0 4px 12px #10b9814d}.site-options .site-options-tabs .site-options-tab:hover:not(.active){transform:none}}.site-options .site-options-content{width:100%;min-height:400px;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.2);border-top:2px solid rgba(255,255,255,.2);border-radius:0 0 12px 12px;padding:2rem 1.25rem;margin-top:0;position:relative;z-index:5}.site-options .site-options-content .site-options-section{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:2rem;width:100%}.site-options .site-options-content .site-options-section:last-child{margin-bottom:0}.site-options .site-options-content .site-options-section .section-header{text-align:left;padding:0 .5rem 1rem}.site-options .site-options-content .site-options-section .section-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem;text-align:left}.site-options .site-options-content .site-options-section .section-header p{color:var(--text-secondary);font-size:1rem;margin:0;text-align:left}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields{gap:1.5rem;padding:1rem}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group:last-child{margin-bottom:0}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group>label{display:block;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem;padding:0 2px}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group .field-help{display:block;color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;font-style:italic}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper:hover{background:rgba(255,255,255,.08);border-color:#fff3}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .toggle-label{font-size:1rem;font-weight:500;color:var(--text-primary)}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form{display:flex;flex-direction:column;align-items:center}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]{opacity:0;position:absolute;left:-9000px;top:-9000px}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]+label{position:relative;display:flex;align-items:center;cursor:pointer;margin-bottom:0}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]+label:before{content:"";width:3em;height:1.5em;background-color:#ccc;border-radius:1em;margin-right:.5em;transition:background-color .2s ease-in-out;outline:1px solid black}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]+label:after{display:flex;justify-content:center;align-items:center;position:absolute;content:"✕";font-size:.75em;height:.9em;left:.2em;width:1.8em;height:1.8em;background-color:var(--color-background-alt);color:#fff;border-radius:1em;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:before{background-color:#10b981;border-color:#059669}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:after{content:"✓";transform:translate(100%);background-color:#fff;color:#10b981}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label{color:#777;cursor:not-allowed}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:before,.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:after{cursor:not-allowed;opacity:.6}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group .edit-form-textarea{width:100%;min-height:150px;padding:1rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.95rem;line-height:1.5;resize:vertical;transition:all .2s ease;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group .edit-form-textarea:focus{outline:none;background:rgba(255,255,255,.08);border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group .edit-form-textarea:disabled{opacity:.6;cursor:not-allowed}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group .edit-form-textarea::placeholder{color:var(--text-secondary);opacity:.7}.site-options .loading{display:flex;justify-content:center;align-items:center;min-height:400px;color:var(--text-secondary);font-size:1.1rem}@media (max-width: 768px){.site-options{padding:1rem}.site-options .site-options-header{margin-bottom:1.5rem}.site-options .site-options-header h2{font-size:1.75rem}.site-options .site-options-header p{font-size:1rem}.site-options .site-options-tabs{margin-bottom:0}.site-options .site-options-content{border-radius:12px;padding:1.5rem}.site-options .site-options-content .site-options-section{padding:0}.site-options .site-options-content .site-options-section .section-header{margin-bottom:1.5rem}.site-options .site-options-content .site-options-section .section-header h3{font-size:1.25rem}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group{margin-bottom:1.5rem}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper{padding:.75rem 1rem;gap:1rem}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]+label:before{width:2.5em;height:1.25em}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]+label:after{width:1.5em;height:1.5em;left:.15em}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group.edit-form-toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:after{transform:translate(80%)}.site-options .site-options-content .site-options-section .edit-form-grid .edit-form-section .edit-form-fields .edit-form-field-group .edit-form-textarea{min-height:120px;padding:.75rem;font-size:.9rem}}.groupUpgradeTier .tier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding:3rem 4rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;overflow:hidden}.groupUpgradeTier .tier-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.groupUpgradeTier .tier-header .tier-title-section .tier-title{margin:0 0 1rem;font-size:2.8rem;font-weight:700;color:#fff;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.groupUpgradeTier .tier-header .tier-title-section .tier-meta{display:flex;gap:2rem}.groupUpgradeTier .tier-header .tier-title-section .tier-meta span{font-size:.9rem;color:#ffffffb3;font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.groupUpgradeTier .tier-header .tier-actions .button{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;transition:all .2s ease}.groupUpgradeTier .tier-header .tier-actions .button:disabled{opacity:.6;cursor:not-allowed}.groupUpgradeTier .tier-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.groupUpgradeTier .tier-form .form-grid.two-column{grid-template-columns:2fr 1fr;gap:3rem}.groupUpgradeTier .tier-form .form-grid.two-column .main-section{grid-column:1}.groupUpgradeTier .tier-form .form-grid.two-column .system-section{grid-column:2}@media (max-width: 1200px){.groupUpgradeTier .tier-form .form-grid.two-column{grid-template-columns:1fr}.groupUpgradeTier .tier-form .form-grid.two-column .main-section,.groupUpgradeTier .tier-form .form-grid.two-column .system-section{grid-column:1}}.groupUpgradeTier .tier-form .form-grid.three-column{grid-template-columns:1fr 1fr 1fr;gap:2.5rem}@media (max-width: 1400px){.groupUpgradeTier .tier-form .form-grid.three-column{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 1200px){.groupUpgradeTier .tier-form .form-grid{grid-template-columns:1fr;gap:2.5rem}}.groupUpgradeTier .tier-form .form-grid .form-section{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0003;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.groupUpgradeTier .tier-form .form-grid .form-section:hover{box-shadow:0 8px 32px #0000004d;background:rgba(255,255,255,.04);border-color:#ffffff1f}.groupUpgradeTier .tier-form .form-grid .form-section h2{margin:0;padding:2.5rem 3rem 2rem;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%);border-bottom:1px solid rgba(255,255,255,.1);font-size:1.5rem;font-weight:600;color:#3b82f6}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields{padding:3rem}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group{margin-bottom:2.5rem}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group:last-child{margin-bottom:0}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group.actions-group .button-group{display:flex;flex-direction:column;gap:1rem}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group.actions-group .button-group button{width:100%;justify-content:center;font-weight:600;padding:1rem 1.5rem;transition:all .2s ease}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group.actions-group .button-group button:hover:not(:disabled){box-shadow:0 4px 12px #0003}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group.actions-group .button-group button:disabled{opacity:.6;cursor:not-allowed}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group.toggle-field .toggle-wrapper{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group.toggle-field .toggle-wrapper:hover{background:rgba(255,255,255,.08);border-color:#fff3}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group.toggle-field .toggle-wrapper .toggle-label{font-size:1rem;font-weight:500;color:#e2e8f0}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group>label{display:block;margin-bottom:.8rem;font-weight:600;color:#e2e8f0;font-size:1rem}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group input,.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group textarea{width:100%;padding:1rem 1.2rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group input:focus,.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;background:rgba(255,255,255,.1)}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group input:hover,.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group textarea:hover{background:rgba(255,255,255,.08);border-color:#fff3}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group input::placeholder,.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group textarea::placeholder{color:#ffffff80}.groupUpgradeTier .tier-form .form-grid .form-section .form-fields .field-group textarea{min-height:120px;resize:vertical;line-height:1.5}.groupUpgradeTier .tier-form .form-grid .form-section.metadata-section{grid-column:1/-1}.groupUpgradeTier .tier-form .form-grid .form-section.metadata-section .metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:3rem}.groupUpgradeTier .tier-form .form-grid .form-section.metadata-section .metadata-grid .metadata-item{display:flex;flex-direction:column;gap:.5rem}.groupUpgradeTier .tier-form .form-grid .form-section.metadata-section .metadata-grid .metadata-item label{font-weight:600;color:#94a3b8;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin:0}.groupUpgradeTier .tier-form .form-grid .form-section.metadata-section .metadata-grid .metadata-item span{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.95rem;color:#e2e8f0;padding:.8rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px}.tier-features-manager{background:var(--color-background-primary);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000001a;overflow:hidden}.tier-features-manager .features-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:linear-gradient(135deg,var(--color-background-secondary) 0%,var(--color-background-primary) 100%);border-bottom:1px solid var(--color-border)}.tier-features-manager .features-header h4{margin:0;color:var(--color-text-primary);font-size:1.4rem;font-weight:600}.tier-features-manager .features-header .features-header-buttons{display:flex;gap:1rem;align-items:center}.tier-features-manager .add-feature-form{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:3rem;margin-top:2rem;box-shadow:0 4px 16px #0000001a}.tier-features-manager .add-feature-form h3{margin:0 0 2.5rem;color:#3b82f6;font-size:1.5rem;font-weight:600;text-align:center}.tier-features-manager .add-feature-form .form-content .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem}@media (max-width: 768px){.tier-features-manager .add-feature-form .form-content .form-grid{grid-template-columns:1fr;gap:2.5rem}}.tier-features-manager .add-feature-form .form-content .form-section h4{margin:0 0 1.5rem;color:#e2e8f0;font-size:1.1rem;font-weight:600}.tier-features-manager .add-feature-form .form-content .form-section select{width:100%;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#e2e8f0;font-size:.95rem;transition:all .2s ease}.tier-features-manager .add-feature-form .form-content .form-section select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:rgba(255,255,255,.08)}.tier-features-manager .add-feature-form .form-content .form-section select option{background:#1e293b;color:#e2e8f0}.tier-features-manager .add-feature-form .form-content .available-configs{margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:8px}.tier-features-manager .add-feature-form .form-content .available-configs h5{margin:0 0 1rem;color:#e2e8f0;font-size:1rem;font-weight:500}.tier-features-manager .add-feature-form .form-content .available-configs .config-option{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.tier-features-manager .add-feature-form .form-content .available-configs .config-option:last-child{border-bottom:none}.tier-features-manager .add-feature-form .form-content .available-configs .config-option .config-label{color:#e2e8f0;font-weight:500}.tier-features-manager .add-feature-form .form-content .available-configs .config-option .config-key-hint{color:#ffffff80;font-size:.85rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.tier-features-manager .add-feature-form .form-content .available-configs .no-configs{color:#ffffff80;font-style:italic;margin:0}.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:stretch}.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row input,.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row select{flex:1;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#e2e8f0;font-size:.95rem;transition:all .2s ease}.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row input:focus,.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:rgba(255,255,255,.08)}.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row input::placeholder,.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row select::placeholder{color:#ffffff80}.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row select option{background:#1e293b;color:#e2e8f0}.tier-features-manager .add-feature-form .form-content .config-builder .config-input-row button{flex-shrink:0;min-width:80px}.tier-features-manager .add-feature-form .form-content .config-builder .config-list{display:flex;flex-direction:column;gap:.8rem}.tier-features-manager .add-feature-form .form-content .config-builder .config-list .config-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.9rem}.tier-features-manager .add-feature-form .form-content .config-builder .config-list .config-item .config-key{font-weight:600;color:#3b82f6;margin-right:.5rem}.tier-features-manager .add-feature-form .form-content .config-builder .config-list .config-item .config-value{color:#e2e8f0;flex:1}.tier-features-manager .add-feature-form .form-content .config-builder .config-list .config-item button{margin-left:1rem;min-width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.tier-features-manager .add-feature-form .form-content .form-footer{display:flex;justify-content:space-between;align-items:center;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.1)}.tier-features-manager .add-feature-form .form-content .form-footer .toggle-section{display:flex;align-items:center;gap:1.5rem}.tier-features-manager .add-feature-form .form-content .form-footer .toggle-section label{color:#e2e8f0;font-weight:600;font-size:1rem}.tier-features-manager .add-feature-form .form-content .form-footer .toggle-section .toggle-wrapper{display:flex;align-items:center;gap:1rem}.tier-features-manager .add-feature-form .form-content .form-footer .toggle-section .toggle-wrapper .toggle-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.tier-features-manager .add-feature-form .form-content .form-footer .form-actions{display:flex;gap:1rem}.tier-features-manager .add-feature-form .form-content .form-footer .form-actions button{min-width:120px;font-weight:600;transition:all .2s ease}.tier-features-manager .add-feature-form .form-content .form-footer .form-actions button:hover:not(:disabled){box-shadow:0 4px 12px #0003}@media (max-width: 768px){.tier-features-manager .add-feature-form .form-content .form-footer{flex-direction:column;gap:2rem;align-items:stretch}.tier-features-manager .add-feature-form .form-content .form-footer .toggle-section,.tier-features-manager .add-feature-form .form-content .form-footer .form-actions{justify-content:center}}.tier-features-manager .empty-state{padding:4rem 2.5rem;text-align:center}.tier-features-manager .empty-state .empty-state-content{max-width:400px;margin:0 auto}.tier-features-manager .empty-state .empty-state-content .empty-icon{font-size:3rem;color:var(--color-text-tertiary);margin-bottom:1.5rem;opacity:.6}.tier-features-manager .empty-state .empty-state-content h5{margin:0 0 1rem;color:var(--color-text-primary);font-size:1.2rem;font-weight:500}.tier-features-manager .empty-state .empty-state-content p{margin:0;color:var(--color-text-secondary);font-size:.95rem;line-height:1.5}.tier-features-manager .features-header-actions{display:flex;justify-content:flex-end;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.tier-features-manager .features-header-actions .save-features-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-weight:600;box-shadow:0 4px 12px #10b9814d}.tier-features-manager .features-header-actions .save-features-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}.tier-features-manager .features-list{padding:3rem;display:flex;flex-direction:row;gap:3rem}.tier-features-manager .features-list .feature-item-card{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:3rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.tier-features-manager .features-list .feature-item-card:hover{border-color:#ffffff40;box-shadow:0 8px 32px #00000026}.tier-features-manager .features-list .feature-item-card .feature-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-info{flex:1;margin-right:4rem;display:flex;flex-direction:column;align-items:flex-start}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-info .feature-title{color:#e2e8f0;margin:0 0 1rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;align-self:flex-start}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-info .feature-type-badge{display:inline-block;background:rgba(59,130,246,.2);color:#93c5fd;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(59,130,246,.3);align-self:flex-start}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions{display:flex;align-items:center;gap:2.5rem;flex-shrink:0}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .feature-toggle{display:flex;align-items:center;gap:1rem}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .feature-toggle .toggle-label{font-size:.9rem;font-weight:600;color:#e2e8f0;min-width:60px}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .action-buttons{display:flex;gap:1rem}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .action-buttons .action-btn{cursor:pointer;padding:.75rem;border-radius:8px;transition:all .2s ease;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .action-buttons .action-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .action-buttons .action-btn.edit-btn{color:#3b82f6}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .action-buttons .action-btn.edit-btn:hover{color:#60a5fa;border-color:#3b82f64d;background:rgba(59,130,246,.1)}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .action-buttons .action-btn.remove-btn{color:#ef4444}.tier-features-manager .features-list .feature-item-card .feature-card-header .feature-actions .action-buttons .action-btn.remove-btn:hover{color:#f87171;border-color:#ef44444d;background:rgba(239,68,68,.1)}.tier-features-manager .features-list .feature-item-card .feature-config-section{border-top:1px solid rgba(255,255,255,.15);padding-top:2rem;margin-top:1.5rem}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-section-header{margin-bottom:2rem}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-section-header h6{color:#e2e8f0;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-section-header p{color:#ffffffb3;margin:0;font-size:.9rem}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;align-items:end;padding:1.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-field-group{display:flex;flex-direction:column;gap:.5rem}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-field-group label{color:#e2e8f0;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-field-group .config-select,.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-field-group .config-input{padding:.875rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#e2e8f0;font-size:.9rem;transition:all .2s ease}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-field-group .config-select:focus,.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-field-group .config-input:focus{outline:none;border-color:#3b82f6;background:rgba(255,255,255,.12);box-shadow:0 0 0 3px #3b82f61a}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-field-group .config-select::placeholder,.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-field-group .config-input::placeholder{color:#ffffff80}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-actions-cell{display:flex;align-items:center;justify-content:center}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-actions-cell .action-btn{cursor:pointer;padding:.75rem;border-radius:6px;transition:all .2s ease;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-actions-cell .action-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-actions-cell .action-btn.remove-btn{color:#ef4444}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-items .config-item-row .config-actions-cell .action-btn.remove-btn:hover{color:#f87171;border-color:#ef44444d;background:rgba(239,68,68,.1)}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:1.5rem}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-form-actions .save-cancel-actions{display:flex;gap:1rem}.tier-features-manager .features-list .feature-item-card .feature-config-section .config-form-actions .save-cancel-actions .button{min-width:120px;font-weight:600}.tier-features-manager .features-list .feature-item-card .feature-config-summary{border-top:1px solid rgba(255,255,255,.15);padding-top:1.5rem;margin-top:1.5rem}.tier-features-manager .features-list .feature-item-card .feature-config-summary .config-summary-header{margin-bottom:1rem}.tier-features-manager .features-list .feature-item-card .feature-config-summary .config-summary-header h6{color:#e2e8f0;margin:0;font-size:1rem;font-weight:600}.tier-features-manager .features-list .feature-item-card .feature-config-summary .config-summary-items{display:flex;flex-direction:column;gap:.75rem}.tier-features-manager .features-list .feature-item-card .feature-config-summary .config-summary-items .config-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:6px}.tier-features-manager .features-list .feature-item-card .feature-config-summary .config-summary-items .config-summary-item .config-info{display:flex;flex-direction:column;gap:.25rem}.tier-features-manager .features-list .feature-item-card .feature-config-summary .config-summary-items .config-summary-item .config-info .config-label{color:#e2e8f0;font-weight:600;font-size:.9rem}.tier-features-manager .features-list .feature-item-card .feature-config-summary .config-summary-items .config-summary-item .config-info .config-key{color:#fff9;font-size:.75rem;font-family:Courier New,monospace}.tier-features-manager .features-list .feature-item-card .feature-config-summary .config-summary-items .config-summary-item .config-value{color:#fffc;font-size:.9rem;font-family:Courier New,monospace;background:rgba(255,255,255,.05);padding:.25rem .5rem;border-radius:4px}.add-feature-modal .modal-body .form-content,.add-site-option-modal .modal-body .form-content,.add-config-modal .modal-body .form-content{width:100%}.add-feature-modal .modal-body .form-content .react-toggle,.add-site-option-modal .modal-body .form-content .react-toggle,.add-config-modal .modal-body .form-content .react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.add-feature-modal .modal-body .form-content .react-toggle:focus,.add-site-option-modal .modal-body .form-content .react-toggle:focus,.add-config-modal .modal-body .form-content .react-toggle:focus{outline:none}.add-feature-modal .modal-body .form-content .react-toggle .react-toggle-track,.add-site-option-modal .modal-body .form-content .react-toggle .react-toggle-track,.add-config-modal .modal-body .form-content .react-toggle .react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);transition:all .2s ease}.add-feature-modal .modal-body .form-content .react-toggle .react-toggle-thumb,.add-site-option-modal .modal-body .form-content .react-toggle .react-toggle-thumb,.add-config-modal .modal-body .form-content .react-toggle .react-toggle-thumb{position:absolute;top:1px;left:1px;width:20px;height:20px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background-color:#fff;box-shadow:0 2px 4px #0000004d;transition:all .25s ease}.add-feature-modal .modal-body .form-content .react-toggle.react-toggle--checked .react-toggle-track,.add-site-option-modal .modal-body .form-content .react-toggle.react-toggle--checked .react-toggle-track,.add-config-modal .modal-body .form-content .react-toggle.react-toggle--checked .react-toggle-track{background-color:#10b981;border-color:#059669}.add-feature-modal .modal-body .form-content .react-toggle.react-toggle--checked .react-toggle-thumb,.add-site-option-modal .modal-body .form-content .react-toggle.react-toggle--checked .react-toggle-thumb,.add-config-modal .modal-body .form-content .react-toggle.react-toggle--checked .react-toggle-thumb{left:27px;background-color:#fff;box-shadow:0 2px 6px #0006}.add-feature-modal .modal-body .form-content .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track,.add-site-option-modal .modal-body .form-content .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track,.add-config-modal .modal-body .form-content .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#ffffff26;border-color:#ffffff4d}.add-feature-modal .modal-body .form-content .react-toggle:hover:not(.react-toggle--disabled).react-toggle--checked .react-toggle-track,.add-site-option-modal .modal-body .form-content .react-toggle:hover:not(.react-toggle--disabled).react-toggle--checked .react-toggle-track,.add-config-modal .modal-body .form-content .react-toggle:hover:not(.react-toggle--disabled).react-toggle--checked .react-toggle-track{background-color:#059669;border-color:#059669}.add-feature-modal .modal-body .form-content .react-toggle.react-toggle--disabled,.add-site-option-modal .modal-body .form-content .react-toggle.react-toggle--disabled,.add-config-modal .modal-body .form-content .react-toggle.react-toggle--disabled{cursor:not-allowed;opacity:.5}.add-feature-modal .modal-body .form-content .react-toggle.react-toggle--disabled .react-toggle-thumb,.add-site-option-modal .modal-body .form-content .react-toggle.react-toggle--disabled .react-toggle-thumb,.add-config-modal .modal-body .form-content .react-toggle.react-toggle--disabled .react-toggle-thumb{box-shadow:0 1px 2px #0003}.add-feature-modal .modal-body .form-content .react-toggle .react-toggle-track-check,.add-feature-modal .modal-body .form-content .react-toggle .react-toggle-track-x,.add-site-option-modal .modal-body .form-content .react-toggle .react-toggle-track-check,.add-site-option-modal .modal-body .form-content .react-toggle .react-toggle-track-x,.add-config-modal .modal-body .form-content .react-toggle .react-toggle-track-check,.add-config-modal .modal-body .form-content .react-toggle .react-toggle-track-x{display:none}.add-feature-modal .modal-body .form-content .form-section,.add-site-option-modal .modal-body .form-content .form-section,.add-config-modal .modal-body .form-content .form-section{margin-bottom:2rem}.add-feature-modal .modal-body .form-content .form-section h4,.add-site-option-modal .modal-body .form-content .form-section h4,.add-config-modal .modal-body .form-content .form-section h4{color:#e2e8f0;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.add-feature-modal .modal-body .form-content .form-section p,.add-site-option-modal .modal-body .form-content .form-section p,.add-config-modal .modal-body .form-content .form-section p{color:#94a3b8;margin-bottom:1rem;font-size:.9rem}.add-feature-modal .modal-body .form-content .form-section .feature-type-select,.add-site-option-modal .modal-body .form-content .form-section .feature-type-select,.add-config-modal .modal-body .form-content .form-section .feature-type-select{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:1rem}.add-feature-modal .modal-body .form-content .form-section .feature-type-select:focus,.add-site-option-modal .modal-body .form-content .form-section .feature-type-select:focus,.add-config-modal .modal-body .form-content .form-section .feature-type-select:focus{outline:none;border-color:#3b82f6;background:rgba(255,255,255,.08)}.add-feature-modal .modal-body .form-content .form-section .feature-type-select option,.add-site-option-modal .modal-body .form-content .form-section .feature-type-select option,.add-config-modal .modal-body .form-content .form-section .feature-type-select option{background:var(--color-background);color:var(--color-foreground);padding:.5rem}.add-feature-modal .modal-body .form-content .form-section .required-configs,.add-site-option-modal .modal-body .form-content .form-section .required-configs,.add-config-modal .modal-body .form-content .form-section .required-configs{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group{display:flex;flex-direction:column;gap:.5rem}.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group label,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group label,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group label{font-weight:600;color:#e2e8f0;font-size:.875rem}.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group label:after,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group label:after,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group label:after{content:" *";color:#ef4444}.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select,.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input,.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(255,255,255,.05);color:#e2e8f0;font-size:.875rem}.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select:focus,.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input:focus,.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea:focus,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select:focus,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input:focus,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea:focus,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select:focus,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input:focus,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea:focus{outline:none;border-color:#3b82f6;background:rgba(255,255,255,.08)}.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select::placeholder,.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input::placeholder,.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea::placeholder,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select::placeholder,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input::placeholder,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea::placeholder,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-select::placeholder,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-input::placeholder,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea::placeholder{color:#fff6}.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group textarea{resize:vertical;min-height:80px;font-family:inherit}.add-feature-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-description,.add-site-option-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-description,.add-config-modal .modal-body .form-content .form-section .required-configs .config-input-group .config-description{color:#fff9;font-size:.75rem;font-style:italic;margin-top:.25rem}.add-feature-modal .modal-body .form-content .form-section .config-add-section,.add-site-option-modal .modal-body .form-content .form-section .config-add-section,.add-config-modal .modal-body .form-content .form-section .config-add-section{display:flex;gap:1rem;align-items:end;margin-bottom:1.5rem}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group label,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group label,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group label{display:block;margin-bottom:.5rem;color:#e2e8f0;font-size:.9rem;font-weight:500}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.full-width,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.full-width,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.full-width{grid-column:1/-1}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select,.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:.9rem}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select:focus,.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input:focus,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select:focus,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input:focus,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select:focus,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input:focus{outline:none;border-color:#3b82f6;background:rgba(255,255,255,.08)}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select.readonly-field,.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input.readonly-field,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select.readonly-field,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input.readonly-field,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select.readonly-field,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-input.readonly-field{background:rgba(255,255,255,.02);border-color:#ffffff0d;color:#fff9;cursor:not-allowed;font-family:Courier New,monospace;font-size:.85rem}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select option,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select option,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .config-select option{background:var(--color-background);color:var(--color-foreground);padding:.5rem}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper{display:flex;align-items:center;gap:1rem;padding:.75rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper:hover,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper:hover,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper:hover{background:rgba(255,255,255,.08);border-color:#fff3}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .toggle-label,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .toggle-label,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .toggle-label{font-size:.9rem;font-weight:500;color:#e2e8f0}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox],.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox],.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]{opacity:0;position:absolute;left:-9000px;top:-9000px}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label{position:relative;display:flex;align-items:center;cursor:pointer}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label:before,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label:before,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label:before{content:"";width:3em;height:1.5em;background-color:#fff3;border-radius:1em;margin-right:.5em;transition:background-color .2s ease-in-out;border:1px solid rgba(255,255,255,.3)}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label:after,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label:after,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]+label:after{display:flex;justify-content:center;align-items:center;position:absolute;content:"✕";font-size:.75em;left:.2em;width:1.8em;height:1.8em;background-color:#64748b;color:#fff;border-radius:1em;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:before,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:before,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:before{background-color:#10b981;border-color:#059669}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:after,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:after,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:checked+label:after{content:"✓";transform:translate(100%);background-color:#fff;color:#10b981}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label{opacity:.5;cursor:not-allowed}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:before,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:before,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:before{background-color:#ffffff1a}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:after,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:after,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group.toggle-field .toggle-wrapper .form input[type=checkbox]:disabled+label:after{background-color:#475569}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:#fff;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;cursor:pointer}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select:focus,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select:focus,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select:focus{outline:none;border-color:#3b82f6;background:rgba(255,255,255,.08);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select:hover,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select:hover,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select:hover{background:rgba(255,255,255,.08);border-color:#fff3}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select option,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select option,.add-config-modal .modal-body .form-content .form-section .config-add-section .config-inputs .config-input-group .feature-type-select option{background:#1e293b;color:#e2e8f0;padding:.5rem}.add-feature-modal .modal-body .form-content .form-section .config-list h5,.add-site-option-modal .modal-body .form-content .form-section .config-list h5,.add-config-modal .modal-body .form-content .form-section .config-list h5{color:#e2e8f0;margin-bottom:1rem;font-size:1rem;font-weight:600}.add-feature-modal .modal-body .form-content .form-section .config-list .config-item,.add-site-option-modal .modal-body .form-content .form-section .config-list .config-item,.add-config-modal .modal-body .form-content .form-section .config-list .config-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;margin-bottom:.5rem}.add-feature-modal .modal-body .form-content .form-section .config-list .config-item .config-key,.add-site-option-modal .modal-body .form-content .form-section .config-list .config-item .config-key,.add-config-modal .modal-body .form-content .form-section .config-list .config-item .config-key{font-weight:600;color:#60a5fa}.add-feature-modal .modal-body .form-content .form-section .config-list .config-item .config-value,.add-site-option-modal .modal-body .form-content .form-section .config-list .config-item .config-value,.add-config-modal .modal-body .form-content .form-section .config-list .config-item .config-value{flex:1;color:#e2e8f0}.add-feature-modal .modal-body .form-content .form-section .config-list .config-item .remove-config-btn,.add-site-option-modal .modal-body .form-content .form-section .config-list .config-item .remove-config-btn,.add-config-modal .modal-body .form-content .form-section .config-list .config-item .remove-config-btn{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.add-feature-modal .modal-body .form-content .form-section .config-list .config-item .remove-config-btn:hover,.add-site-option-modal .modal-body .form-content .form-section .config-list .config-item .remove-config-btn:hover,.add-config-modal .modal-body .form-content .form-section .config-list .config-item .remove-config-btn:hover{background:rgba(239,68,68,.1)}@media (max-width: 768px){section.groupUpgradeTier .tier-features-manager .features-list{flex-direction:column}.add-feature-modal .modal-body .form-content .form-section .config-add-section,.add-site-option-modal .modal-body .form-content .form-section .config-add-section{flex-direction:column;align-items:stretch}.add-feature-modal .modal-body .form-content .form-section .config-add-section .config-inputs,.add-site-option-modal .modal-body .form-content .form-section .config-add-section .config-inputs{grid-template-columns:1fr}}.add-tier-modal{width:70vw;max-width:900px;box-shadow:0 20px 60px #0006}.add-tier-modal .modal-body .edit-form-label{display:block!important;margin-bottom:.75rem!important;color:#e2e8f0!important;font-size:1rem!important;font-weight:600!important}.add-tier-modal .modal-body .edit-form-field-group{margin-bottom:2rem!important}.add-tier-modal .modal-body .edit-form-toggle-wrapper{display:flex!important;align-items:center!important;gap:1.5rem!important;padding:1rem 1.5rem!important;background:rgba(255,255,255,.05)!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:8px!important;transition:all .2s ease!important}.add-tier-modal .modal-body .edit-form-toggle-wrapper:hover{background:rgba(255,255,255,.08)!important;border-color:#fff3!important}.add-tier-modal .modal-body .edit-form-toggle-wrapper .edit-form-toggle-label{font-size:1rem!important;font-weight:500!important;color:#e2e8f0!important}.add-tier-modal .modal-body .readonly-field{padding:1rem 1.2rem!important;background:rgba(255,255,255,.02)!important;border:1px dashed rgba(255,255,255,.1)!important;border-radius:8px!important;color:#94a3b8!important;font-size:1rem!important;cursor:not-allowed!important;min-height:48px!important;display:flex!important;align-items:center!important}.groupUpgradeTierFeature .edit-form-field-value.status{display:flex;align-items:center;gap:1rem}.groupUpgradeTierFeature .edit-form-field-value.status .status-text{font-weight:500;color:var(--color-foreground)}.groupUpgradeTierFeature .config-section{background:var(--color-background-primary);border-radius:12px;border:1px solid var(--color-border);box-shadow:0 2px 8px #0000001a;overflow:hidden}.groupUpgradeTierFeature .config-section .config-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2.5rem;background:linear-gradient(135deg,var(--color-background-secondary) 0%,var(--color-background-primary) 100%);border-bottom:1px solid var(--color-border)}.groupUpgradeTierFeature .config-section .config-header h3{margin:0;color:var(--color-text-primary);font-size:1.4rem;font-weight:600}.groupUpgradeTierFeature .config-section .config-note{padding:2rem 2.5rem;color:#ffffffb3;font-style:italic;margin:0}.groupUpgradeTierFeature .config-section .loading-state{padding:2rem 2.5rem;color:#ffffffb3;text-align:center}.groupUpgradeTierFeature .config-section .empty-state{padding:3rem 2.5rem;text-align:center;color:#fff9}.groupUpgradeTierFeature .config-section .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.groupUpgradeTierFeature .config-section .empty-state p{margin:0;font-size:1.1rem}.groupUpgradeTierFeature .config-section .config-form{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;margin:2rem 2.5rem}.groupUpgradeTierFeature .config-section .config-form h4{margin:0 0 1.5rem;color:#3b82f6;font-size:1.2rem;font-weight:600}.groupUpgradeTierFeature .config-section .config-form.modal-config-form{background:transparent;border:none;border-radius:0;padding:0;margin:0}.groupUpgradeTierFeature .config-section .config-form .config-form-fields{display:flex;flex-direction:column;gap:1rem}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row{display:flex;gap:1rem}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field{flex:1}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field.full-width{flex:1 1 100%}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field.checkbox-field{display:flex;align-items:center;margin-top:1.5rem}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field.checkbox-field label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-primary);font-weight:500}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field.checkbox-field label input[type=checkbox]{margin:0}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field label{display:block;margin-bottom:.5rem;color:var(--color-text-primary);font-weight:500;font-size:.9rem}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field input,.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field select,.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field textarea{width:100%;padding:.75rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:var(--color-text-primary);font-size:.9rem}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field input:focus,.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field select:focus,.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field input::placeholder,.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field select::placeholder,.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field textarea::placeholder{color:#fff6}.groupUpgradeTierFeature .config-section .config-form .config-form-fields .config-row .config-field textarea{resize:vertical;min-height:60px}.groupUpgradeTierFeature .config-section .configs-list{display:flex;flex-direction:column;gap:1rem;padding:2rem 2.5rem}.groupUpgradeTierFeature .config-section .configs-list{padding:3rem;display:flex;flex-direction:row;gap:3rem}.groupUpgradeTierFeature .config-section .configs-list .config-item{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:3rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;flex:1;min-width:400px}.groupUpgradeTierFeature .config-section .configs-list .config-item:hover{border-color:#ffffff40;box-shadow:0 8px 32px #00000026}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-item-header .config-info{flex:1;margin-right:4rem;display:flex;flex-direction:column;align-items:flex-start}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-item-header .config-info h5{color:#e2e8f0;margin:0 0 1rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;align-self:flex-start}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-item-header .config-info .config-label{display:inline-block;background:rgba(59,130,246,.2);color:#93c5fd;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(59,130,246,.3);align-self:flex-start}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-item-header .config-actions{display:flex;align-items:center;gap:1.5rem}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-details{display:flex;flex-direction:column;gap:1.5rem}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-details .config-detail{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:6px;gap:1rem}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-details .config-detail strong{color:#e2e8f0;font-weight:600;font-size:.9rem}.groupUpgradeTierFeature .config-section .configs-list .config-item .config-details .config-detail span{color:#fffc;font-size:.9rem;font-family:Courier New,monospace;background:rgba(255,255,255,.05);padding:.25rem .5rem;border-radius:4px}.groupUpgradeTierFeature .config-section .configs-list .empty-state{padding:3rem;text-align:center}.groupUpgradeTierFeature .config-section .configs-list .empty-state .empty-state-content .empty-icon{font-size:3rem;color:#ffffff4d;margin-bottom:1rem}.groupUpgradeTierFeature .config-section .configs-list .empty-state .empty-state-content h5{color:#e2e8f0;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.groupUpgradeTierFeature .config-section .configs-list .empty-state .empty-state-content p{color:#fff9;margin:0;font-size:1rem}.groupUpgradeTierFeature .config-section .configs-list .loading-state{text-align:center;padding:3rem 2.5rem;color:#fff9;font-size:1.1rem}.add-config-modal{width:60vw;max-width:800px;box-shadow:0 20px 60px #0006}.add-config-modal .modal-body{padding:2.5rem}.add-config-modal .modal-body .config-form-fields{display:flex;flex-direction:column;gap:2rem;width:100%;background:rgba(255,255,255,.02);padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.add-config-modal .modal-body .config-form-fields .config-row{display:flex;flex-direction:row;gap:1.5rem;width:100%}@media (max-width: 768px){.add-config-modal .modal-body .config-form-fields .config-row{flex-direction:column;gap:1rem}}.add-config-modal .modal-body .config-form-fields .config-row .config-field{display:flex;flex-direction:column;flex:1}.add-config-modal .modal-body .config-form-fields .config-row .config-field.full-width{flex:1 1 100%}.add-config-modal .modal-body .config-form-fields .config-row .config-field.checkbox-field{flex-direction:row;align-items:center;margin-top:1rem;flex:none}.add-config-modal .modal-body .config-form-fields .config-row .config-field>label{display:block;margin-bottom:.75rem;font-size:.9rem;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em}.add-config-modal .modal-body .config-form-fields .config-row .config-field input,.add-config-modal .modal-body .config-form-fields .config-row .config-field select,.add-config-modal .modal-body .config-form-fields .config-row .config-field textarea{width:100%;padding:1rem 1.2rem;font-size:1rem;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);border-radius:8px;color:var(--color-text-primary);transition:all .2s ease}.add-config-modal .modal-body .config-form-fields .config-row .config-field input:focus,.add-config-modal .modal-body .config-form-fields .config-row .config-field select:focus,.add-config-modal .modal-body .config-form-fields .config-row .config-field textarea:focus{outline:none;background:rgba(255,255,255,.12);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.add-config-modal .modal-body .config-form-fields .config-row .config-field input:hover,.add-config-modal .modal-body .config-form-fields .config-row .config-field select:hover,.add-config-modal .modal-body .config-form-fields .config-row .config-field textarea:hover{background:rgba(255,255,255,.1);border-color:#ffffff40}.add-config-modal .modal-body .config-form-fields .config-row .config-field input::placeholder,.add-config-modal .modal-body .config-form-fields .config-row .config-field select::placeholder,.add-config-modal .modal-body .config-form-fields .config-row .config-field textarea::placeholder{color:#fff6}.add-config-modal .modal-body .config-form-fields .config-row .config-field select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#ffffff14!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:3rem;color-scheme:dark}.add-config-modal .modal-body .config-form-fields .config-row .config-field select option{background-color:var(--color-background)!important;color:var(--color-text-primary)!important}.add-config-modal .modal-body .config-form-fields .config-row .config-field select:focus option,.add-config-modal .modal-body .config-form-fields .config-row .config-field select:active option{background-color:var(--color-background)!important;color:var(--color-text-primary)!important}@-moz-document url-prefix(){.add-config-modal .modal-body .config-form-fields .config-row .config-field select{background-color:#ffffff14!important;color:var(--color-text-primary)!important}}.add-config-modal .modal-body .config-form-fields .config-row .config-field textarea{resize:vertical;min-height:80px;font-family:inherit}.add-config-modal .modal-body .config-form-fields .config-row .config-field.config-input-group>label{display:block;margin-bottom:.75rem;font-size:.9rem;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:.05em}.add-config-modal .modal-body .config-form-fields .config-row .config-field.config-input-group.toggle-field.inline-toggle .inline-toggle-wrapper{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);border-radius:8px;transition:all .2s ease}.add-config-modal .modal-body .config-form-fields .config-row .config-field.config-input-group.toggle-field.inline-toggle .inline-toggle-wrapper:hover{background:rgba(255,255,255,.1);border-color:#ffffff40}.add-config-modal .modal-body .config-form-fields .config-row .config-field.config-input-group.toggle-field.inline-toggle .inline-toggle-wrapper label{font-size:1rem;font-weight:500;color:#e2e8f0;margin:0;text-transform:none;letter-spacing:normal}.add-config-modal .modal-body .config-form-fields .config-row .config-field.config-input-group.toggle-field.inline-toggle .inline-toggle-wrapper .form{margin:0}.add-config-modal .modal-body .config-form-fields .config-row .config-field.config-input-group.toggle-field .toggle-wrapper{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);border-radius:8px;transition:all .2s ease}.add-config-modal .modal-body .config-form-fields .config-row .config-field.config-input-group.toggle-field .toggle-wrapper:hover{background:rgba(255,255,255,.1);border-color:#ffffff40}.add-config-modal .modal-body .config-form-fields .config-row .config-field.config-input-group.toggle-field .toggle-wrapper .toggle-label{font-size:1rem;font-weight:500;color:#e2e8f0}.add-config-modal .config-form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.groups .recent-groups-section .data-table-container .data-table td.namesCount,.groups .recent-groups-section .data-table-container .data-table td.namesDrawnCount,.groups .recent-groups-section .data-table-container .data-table td.namesPhonesCount,.groups .recent-groups-section .data-table-container .data-table td.namesConflictsCount,.groups .recent-groups-section .data-table-container .data-table td.actions{text-align:center}@media (max-width: 768px){.groups .recent-groups-section .data-table-container .data-table th.namesPhonesCount,.groups .recent-groups-section .data-table-container .data-table th.namesConflictsCount,.groups .recent-groups-section .data-table-container .data-table th.actions,.groups .recent-groups-section .data-table-container .data-table td.namesPhonesCount,.groups .recent-groups-section .data-table-container .data-table td.namesConflictsCount,.groups .recent-groups-section .data-table-container .data-table td.actions{display:none}}.group-insights .card{width:100%}.group-insights .insights-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%;padding:.5rem;margin-bottom:3rem}.group-insights .insights-section .section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.group-insights .insights-section .section-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.group-insights .insights-section .section-header .last-updated{font-size:.875rem;color:var(--text-muted)}.group-insights .insights-section:last-child{margin-bottom:0}.group-insights .popular-dates-list,.group-insights .large-groups-list{display:flex;flex-direction:column;width:100%;padding:.5rem}.group-insights .popular-date-item,.group-insights .large-group-item{display:flex;align-items:flex-start;padding:1.25rem 1rem;gap:1rem;border-bottom:1px solid var(--border-color);transition:all .3s ease}.group-insights .popular-date-item:last-child,.group-insights .large-group-item:last-child{border-bottom:none}.group-insights .popular-date-item:hover,.group-insights .large-group-item:hover{background-color:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.group-insights .popular-date-item .rank,.group-insights .large-group-item .rank{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--text-muted);border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0}.group-insights .popular-date-item.rank-1,.group-insights .large-group-item.rank-1{transform:scale(1.03)}.group-insights .popular-date-item.rank-1 .rank,.group-insights .large-group-item.rank-1 .rank{width:2.5rem;height:2.5rem;background:none;font-size:1.75rem}.group-insights .popular-date-item.rank-1 .date,.group-insights .popular-date-item.rank-1 .large-group-item-group-name,.group-insights .large-group-item.rank-1 .date,.group-insights .large-group-item.rank-1 .large-group-item-group-name{font-size:1.1rem;font-weight:600}.group-insights .popular-date-item.rank-1 .count-value,.group-insights .large-group-item.rank-1 .count-value{font-size:1.4rem;font-weight:700}.group-insights .popular-date-item.rank-2,.group-insights .large-group-item.rank-2{transform:scale(1.02)}.group-insights .popular-date-item.rank-2 .rank,.group-insights .large-group-item.rank-2 .rank{width:2.5rem;height:2.5rem;background:none;font-size:1.75rem}.group-insights .popular-date-item.rank-2 .date,.group-insights .popular-date-item.rank-2 .large-group-item-group-name,.group-insights .large-group-item.rank-2 .date,.group-insights .large-group-item.rank-2 .large-group-item-group-name{font-size:1.05rem;font-weight:600}.group-insights .popular-date-item.rank-2 .count-value,.group-insights .large-group-item.rank-2 .count-value{font-size:1.3rem;font-weight:700}.group-insights .popular-date-item.rank-3,.group-insights .large-group-item.rank-3{transform:scale(1.01)}.group-insights .popular-date-item.rank-3 .rank,.group-insights .large-group-item.rank-3 .rank{width:2.5rem;height:2.5rem;background:none;font-size:1.75rem}.group-insights .popular-date-item.rank-3 .date,.group-insights .popular-date-item.rank-3 .large-group-item-group-name,.group-insights .large-group-item.rank-3 .date,.group-insights .large-group-item.rank-3 .large-group-item-group-name{font-size:1.02rem;font-weight:600}.group-insights .popular-date-item.rank-3 .count-value,.group-insights .large-group-item.rank-3 .count-value{font-size:1.25rem;font-weight:700}.group-insights .popular-date-item .date,.group-insights .large-group-item .date{font-size:1rem;font-weight:500;color:var(--text-primary)}.group-insights .popular-date-item .count,.group-insights .large-group-item .count{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.group-insights .popular-date-item .count .count-value,.group-insights .large-group-item .count .count-value{font-size:1.25rem;font-weight:600;color:var(--accent-primary)}.group-insights .popular-date-item .count .count-label,.group-insights .large-group-item .count .count-label{font-size:.875rem;color:var(--text-secondary)}.group-insights .popular-date-item .date-info,.group-insights .large-group-item .date-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.group-insights .popular-date-item .date-info .date,.group-insights .large-group-item .date-info .date{font-size:1rem;font-weight:500;color:var(--text-primary)}.group-insights .large-group-item .large-group-item-content{flex:1;min-width:0}.group-insights .large-group-item .large-group-item-content .large-group-item-group-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.group-insights .large-group-item .large-group-item-content .large-group-item-created-at{font-size:.75rem;color:var(--text-secondary)}.group-insights .large-group-item .rank{align-items:flex-start}.group-insights .no-data-message{text-align:center;padding:2rem;color:var(--text-secondary)}.group-insights .no-data-message p{margin:0;font-size:1rem}.group-insights .country-with-flag{display:flex;align-items:center;gap:.5rem}.group-insights .country-with-flag .flag{font-size:1.2em}.group-insights .country-with-flag .country-name{font-weight:500}@media (max-width: 768px){.group-insights .popular-date-item,.group-insights .large-group-item{padding:.75rem}.group-insights .popular-date-item .date-info,.group-insights .large-group-item .date-info{gap:.75rem}.group-insights .popular-date-item .date-info .rank,.group-insights .large-group-item .date-info .rank{width:1.75rem;height:1.75rem;font-size:.75rem}.group-insights .popular-date-item .date-info .date,.group-insights .large-group-item .date-info .date{font-size:.875rem}.group-insights .popular-date-item .count .count-value,.group-insights .large-group-item .count .count-value{font-size:1.125rem}.group-insights .popular-date-item .count .count-label,.group-insights .large-group-item .count .count-label{font-size:.75rem}.group-insights .popular-date-item.rank-1,.group-insights .large-group-item.rank-1{transform:scale(1.02)}.group-insights .popular-date-item.rank-1 .rank,.group-insights .large-group-item.rank-1 .rank{width:2.2rem;height:2.2rem;font-size:1rem}.group-insights .popular-date-item.rank-1 .date,.group-insights .popular-date-item.rank-1 .large-group-item-group-name,.group-insights .large-group-item.rank-1 .date,.group-insights .large-group-item.rank-1 .large-group-item-group-name{font-size:1rem}.group-insights .popular-date-item.rank-1 .count-value,.group-insights .large-group-item.rank-1 .count-value{font-size:1.3rem}.group-insights .popular-date-item.rank-2,.group-insights .large-group-item.rank-2{transform:scale(1.01)}.group-insights .popular-date-item.rank-2 .rank,.group-insights .large-group-item.rank-2 .rank{width:2.1rem;height:2.1rem;font-size:.95rem}.group-insights .popular-date-item.rank-2 .date,.group-insights .popular-date-item.rank-2 .large-group-item-group-name,.group-insights .large-group-item.rank-2 .date,.group-insights .large-group-item.rank-2 .large-group-item-group-name{font-size:.95rem}.group-insights .popular-date-item.rank-2 .count-value,.group-insights .large-group-item.rank-2 .count-value{font-size:1.2rem}.group-insights .popular-date-item.rank-3,.group-insights .large-group-item.rank-3{transform:scale(1.005)}.group-insights .popular-date-item.rank-3 .rank,.group-insights .large-group-item.rank-3 .rank{width:2rem;height:2rem;font-size:.9rem}.group-insights .popular-date-item.rank-3 .date,.group-insights .popular-date-item.rank-3 .large-group-item-group-name,.group-insights .large-group-item.rank-3 .date,.group-insights .large-group-item.rank-3 .large-group-item-group-name{font-size:.9rem}.group-insights .popular-date-item.rank-3 .count-value,.group-insights .large-group-item.rank-3 .count-value{font-size:1.15rem}}.group-upgrades-insights{padding:2rem}.group-upgrades-insights .page-header{margin-bottom:2rem}.group-upgrades-insights .page-header h1{margin-bottom:.5rem}.group-upgrades-insights .page-header p{color:var(--color-text-muted);margin:0}.group-upgrades-insights .insights-controls{margin-bottom:2rem;display:flex;justify-content:flex-end}.group-upgrades-insights .insights-controls .chart-date-picker{min-width:300px}.group-upgrades-insights .insights-section{margin-bottom:2rem}.group-upgrades-insights .insights-section:last-child{margin-bottom:0}.group-upgrades-insights .metric-list{display:flex;flex-direction:column;gap:1rem}.group-upgrades-insights .metric-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border-light)}.group-upgrades-insights .metric-item:last-child{border-bottom:none}.group-upgrades-insights .metric-item .metric-label{font-weight:500;color:var(--color-text-secondary)}.group-upgrades-insights .metric-item .metric-value{font-weight:600;color:var(--color-text-primary)}.group-upgrades-insights .trend-indicators{display:flex;flex-direction:column;gap:1rem}.group-upgrades-insights .trend-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-background-secondary);border-radius:8px}.group-upgrades-insights .trend-item .trend-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem}.group-upgrades-insights .trend-item .trend-icon--up{background:var(--color-success-light);color:var(--color-success)}.group-upgrades-insights .trend-item .trend-icon--premium{background:var(--color-warning-light);color:var(--color-warning)}.group-upgrades-insights .trend-item .trend-content{display:flex;flex-direction:column;gap:.25rem}.group-upgrades-insights .trend-item .trend-content .trend-title{font-weight:600;color:var(--color-text-primary)}.group-upgrades-insights .trend-item .trend-content .trend-subtitle{font-size:.875rem;color:var(--color-text-muted)}.group-upgrades-insights .action-buttons{display:flex;flex-direction:column;gap:.75rem}.group-upgrades-insights .action-buttons .btn{display:flex;align-items:center;gap:.5rem;justify-content:flex-start;text-align:left}@media (max-width: 1024px){.group-upgrades-insights .insights-controls{justify-content:center}.group-upgrades-insights .layout-three-column{grid-template-columns:1fr}}@media (max-width: 768px){.group-upgrades-insights{padding:1rem}.group-upgrades-insights .page-header{margin-bottom:1.5rem}.group-upgrades-insights .page-header h2{font-size:1.5rem}.group-upgrades-insights .insights-controls{justify-content:center;margin-bottom:1.5rem}.group-upgrades-insights .insights-controls .chart-date-picker{min-width:100%}.group-upgrades-insights .dashboard-row{gap:1rem}.group-upgrades-insights .dashboard-row .col-quarter{flex:0 0 calc(50% - .5rem)!important;max-width:calc(50% - .5rem)!important}.group-upgrades-insights .dashboard-row .col-half{flex:0 0 100%!important;max-width:100%!important}.group-upgrades-insights .pie-chart{height:250px!important}.group-upgrades-insights .layout-two-column{grid-template-columns:1fr}.group-upgrades-insights .action-buttons .btn{justify-content:center}}@media (max-width: 480px){.group-upgrades-insights{padding:1rem}.group-upgrades-insights .page-header{margin-bottom:1rem}.group-upgrades-insights .page-header h2{font-size:1.25rem}.group-upgrades-insights .insights-controls{margin-bottom:1rem}.group-upgrades-insights .dashboard-row .col-quarter{flex:0 0 100%!important;max-width:100%!important}.group-upgrades-insights .pie-chart{height:200px!important}.group-upgrades-insights .card .card-header{padding:1rem 1rem .5rem}.group-upgrades-insights .card .card-header .card-title{font-size:1rem}.group-upgrades-insights .card .card-body{padding:.5rem 1rem 1rem}}section.home{gap:1.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;width:100%}.login-page .login-container{background:rgba(51,65,85,.9);border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 40px #0000004d;text-align:center}@media (max-width: 480px){.login-page .login-container{padding:2rem;margin:1rem}}.login-page .login-logo{text-align:center}.login-page .login-logo .logo-image{height:120px;width:auto}.login-page .login-form{text-align:left}.login-page .login-form .form-group{margin-bottom:20px}.login-page .login-form .form-group:last-of-type{margin-bottom:30px}.login-page .login-form .form-group label{display:block;color:#e2e8f0;font-size:14px;font-weight:500;margin-bottom:8px}.login-page .login-form .form-group input{width:100%;padding:12px 16px;background:#1e293b;border:1px solid #475569;border-radius:6px;color:#f1f5f9;font-size:16px;box-sizing:border-box}.login-page .login-form .form-group input::placeholder{color:#64748b}.login-page .login-form .form-group input:focus{outline:none;border-color:#60a5fa}.login-page .login-form .form-group input.error{border-color:#ef4444}.login-page .login-form .form-group .error-message{color:#f87171;font-size:.875rem;margin-top:.25rem}.login-page .login-form .login-actions{display:flex;flex-direction:column;gap:1rem}.login-page .login-form .login-actions .login-button{width:100%;padding:12px 24px;background:#10b981;border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.login-page .login-form .login-actions .login-button:hover:not(:disabled){background:#059669}.login-page .login-form .login-actions .login-button:disabled{opacity:.6;cursor:not-allowed}.login-page .login-form .login-actions .login-links{text-align:center;margin-top:20px}.login-page .login-form .login-actions .login-links .forgot-password-link{color:#60a5fa;text-decoration:none;font-size:14px}.login-page .login-form .login-actions .login-links .forgot-password-link:hover{text-decoration:underline}.login-page .login-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:12px;margin-bottom:20px;color:#fca5a5;font-size:14px;text-align:center}.login-page .forgot-password-form-container h2{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}.login-page .forgot-password-form-container p{color:#cbd5e1;font-size:.95rem;text-align:center;margin-bottom:2rem;line-height:1.5}.login-page .forgot-password-success{text-align:center}.login-page .forgot-password-success h2{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.login-page .forgot-password-success p{color:#cbd5e1;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.login-page .forgot-password-success p strong{color:#60a5fa}.login-page .forgot-password-success .forgot-password-actions .back-to-login-link{color:#60a5fa;text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.login-page .forgot-password-success .forgot-password-actions .back-to-login-link:hover{color:#93c5fd;text-decoration:underline}.login-page .back-to-login-link{color:#60a5fa;text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.login-page .back-to-login-link:hover{color:#93c5fd;text-decoration:underline}section.login{gap:1.5rem;flex:1}.payment .edit-form-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.payment .edit-form-header .edit-form-actions{display:flex;gap:1rem;flex-shrink:0}.delete-payment-modal{max-width:500px}.delete-payment-modal .warning-content{text-align:left}.delete-payment-modal .warning-content .warning-icon{margin-bottom:20px}.delete-payment-modal .warning-content h3{font-size:18px;font-weight:700;margin-bottom:15px}.delete-payment-modal .warning-content p{margin-bottom:15px;line-height:1.5}.delete-payment-modal .warning-content p:last-child{margin-bottom:0;padding:15px;background-color:var(--color-background-alt);border-radius:4px;border-left:4px solid var(--color-blue)}.delete-payment-modal .warning-content strong{color:var(--color-foreground)}.delete-payment-modal .refunds-list{display:flex;flex-direction:column;gap:1rem}.delete-payment-modal .refunds-list .refund-item{padding:1.5rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s ease}.delete-payment-modal .refunds-list .refund-item:hover{background:rgba(255,255,255,.08);border-color:#fff3}.delete-payment-modal .refunds-list .refund-item .refund-details{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.delete-payment-modal .refunds-list .refund-item .refund-details .refund-amount{font-size:1.25rem;font-weight:700;color:#ea580c;flex-shrink:0}.delete-payment-modal .refunds-list .refund-item .refund-details .refund-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.delete-payment-modal .refunds-list .refund-item .refund-details .refund-info .refund-reason,.delete-payment-modal .refunds-list .refund-item .refund-details .refund-info .refund-description,.delete-payment-modal .refunds-list .refund-item .refund-details .refund-info .refund-date{font-size:.9rem;color:#cbd5e1}.delete-payment-modal .refunds-list .refund-item .refund-details .refund-info .refund-reason strong,.delete-payment-modal .refunds-list .refund-item .refund-details .refund-info .refund-description strong,.delete-payment-modal .refunds-list .refund-item .refund-details .refund-info .refund-date strong{color:#e2e8f0;font-weight:600}.delete-payment-modal .refunds-list .refund-item .refund-details .refund-info .refund-status .status-text{font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:4px;background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}.import-payment-modal .form-content{width:100%}.import-payment-modal .form-content .form-section{margin-bottom:20px}.import-payment-modal .form-content .form-section h4{margin-bottom:8px;color:var(--color-foreground);font-size:16px;font-weight:700}.import-payment-modal .form-content .form-section .provider-select,.import-payment-modal .form-content .form-section .payment-id-input{width:100%;padding:8px 12px;border:1px solid var(--color-background-alt);border-radius:4px;background-color:var(--color-background);color:var(--color-foreground);font-size:14px}.import-payment-modal .form-content .form-section .provider-select:focus,.import-payment-modal .form-content .form-section .payment-id-input:focus{outline:none;border-color:var(--color-blue)}.import-payment-modal .form-content .form-section .provider-select:disabled,.import-payment-modal .form-content .form-section .payment-id-input:disabled{background-color:var(--color-background-alt);cursor:not-allowed;opacity:.6}.import-payment-modal .form-content .form-section .payment-id-input{font-family:monospace}.import-payment-modal .preview-section{border-top:1px solid var(--color-background-alt);padding-top:20px}.import-payment-modal .preview-section h4{margin-bottom:15px;color:var(--color-foreground)}.import-payment-modal .preview-section .payment-preview{background-color:var(--color-background-alt-light);border:1px solid var(--color-background-alt);border-radius:4px;padding:15px}.import-payment-modal .preview-section .payment-preview .preview-grid div{padding:5px 0}.import-payment-modal .preview-section .payment-preview .preview-grid div strong{color:var(--color-foreground)}.import-payment-modal .success-section h4{margin-bottom:10px}.import-payment-modal .success-section a{text-decoration:none}.import-payment-modal .success-section a:hover{text-decoration:underline}.import-payment-modal .error-message{margin-bottom:20px;padding:10px;background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:14px}.profit-loss .profit-loss-header{text-align:center;margin-bottom:2rem}.profit-loss .profit-loss-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.profit-loss .recent-items .recent-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.profit-loss .recent-items .recent-item:last-child{border-bottom:none}.profit-loss .recent-items .recent-item:hover{background-color:var(--bg-hover)}.profit-loss .recent-items .recent-item .recent-item__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.profit-loss .recent-items .recent-item .recent-item__icon .payment-icon{width:20px;height:20px;background-color:#10b981;border-radius:4px;position:relative}.profit-loss .recent-items .recent-item .recent-item__icon .payment-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:8px;background-color:#fff;border-radius:2px}.profit-loss .recent-items .recent-item .recent-item__icon .sms-icon{width:20px;height:20px;background-color:#ef4444;border-radius:4px;position:relative}.profit-loss .recent-items .recent-item .recent-item__icon .sms-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:8px;background-color:#fff;border-radius:2px}.profit-loss .recent-items .recent-item .recent-item__content{flex:1;min-width:0}.profit-loss .recent-items .recent-item .recent-item__content .recent-item__title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.profit-loss .recent-items .recent-item .recent-item__content .recent-item__subtitle{font-size:.75rem;color:var(--text-secondary)}.profit-loss .recent-items .recent-item .recent-item__amount{font-size:.875rem;font-weight:600;text-align:right;flex-shrink:0}.profit-loss .recent-items .recent-item .recent-item__amount--positive{color:#10b981}.profit-loss .recent-items .recent-item .recent-item__amount--negative{color:#ef4444}.profit-loss .activity-card__header{display:flex;justify-content:space-between;align-items:center}.profit-loss .activity-card__header .activity-card__view-all{font-size:.875rem;color:var(--accent-primary);text-decoration:none;font-weight:500}.profit-loss .activity-card__header .activity-card__view-all:hover{text-decoration:underline}.profit-loss .no-data{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.profit-loss .chart-section .chart-header{flex-direction:column;align-items:stretch}.profit-loss .chart-section .chart-header .chart-title-section{text-align:center}.profit-loss .chart-section .chart-summary .period-totals{grid-template-columns:1fr;gap:1rem}.profit-loss .chart-section .chart-summary .reference-period,.profit-loss .recent-transactions .transaction-item{flex-direction:column;align-items:flex-start;gap:.5rem}.profit-loss .recent-transactions .transaction-item .transaction-amount{text-align:left;font-size:1rem}}.refund .edit-form-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.refund .edit-form-header .edit-form-actions{display:flex;gap:1rem;flex-shrink:0}.refund .description-field{white-space:pre-wrap;line-height:1.6;min-height:60px;padding:1.2rem 1.5rem}.refund .link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.refund .link:hover{color:#60a5fa;text-decoration:underline}.delete-refund-modal .warning-content{text-align:left}.delete-refund-modal .warning-content .warning-icon{margin-bottom:20px}.delete-refund-modal .warning-content h3{font-size:18px;font-weight:700;margin-bottom:15px}.delete-refund-modal .warning-content p{margin-bottom:15px;line-height:1.5}.delete-refund-modal .warning-content p:last-child{margin-bottom:0;padding:15px;background-color:var(--color-background-alt);border-radius:4px;border-left:4px solid var(--color-blue)}.delete-refund-modal .warning-content strong{color:var(--color-foreground)}section.pushNotificationSubscription .edit-form-field-value{padding:1rem 1.2rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-weight:500;font-size:1rem;transition:all .2s ease;min-height:24px;display:flex;align-items:center}section.pushNotificationSubscription .edit-form-field-value:hover{background:rgba(255,255,255,.08);border-color:#fff3}section.pushNotificationSubscription .edit-form-field-value.endpoint{font-family:Courier New,monospace;font-size:.85rem;color:#06b6d4;background:rgba(6,182,212,.1);border-color:#06b6d433;word-break:break-all;line-height:1.4;align-items:flex-start;padding:1.2rem}section.pushNotificationSubscription .edit-form-field-value.endpoint:hover{background:rgba(6,182,212,.15);border-color:#06b6d44d}section.pushNotificationSubscription .edit-form-fields .data-table{margin:0;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1)}section.pushNotificationSubscription .edit-form-fields .data-table .data-table-header{background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1)}section.pushNotificationSubscription .edit-form-fields .data-table .data-table-title{color:#e2e8f0;font-size:1.1rem;font-weight:600}section.pushNotificationSubscription .edit-form-fields .data-table .data-table-body{background:transparent}section.pushNotificationSubscription .edit-form-fields .data-table .data-table-row{border-bottom:1px solid rgba(255,255,255,.05)}section.pushNotificationSubscription .edit-form-fields .data-table .data-table-row:hover{background:rgba(255,255,255,.03)}section.pushNotificationSubscription .edit-form-fields .data-table .data-table-cell{color:#e2e8f0;border-right:1px solid rgba(255,255,255,.05)}section.pushNotificationSubscription .edit-form-fields .data-table .data-table-cell:last-child{border-right:none}@media (max-width: 768px){section.pushNotificationSubscription .edit-form-grid.two-column{grid-template-columns:1fr;gap:2rem}section.pushNotificationSubscription .edit-form-header{padding:2rem}section.pushNotificationSubscription .edit-form-field-value{padding:.8rem 1rem;font-size:.9rem}section.pushNotificationSubscription .edit-form-field-value.endpoint{font-size:.75rem;padding:1rem}}section.push-notification-subscriptions .push-notification-subscriptions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}section.push-notification-subscriptions .push-notification-subscriptions-header h2{margin:0;color:var(--text-primary)}section.push-notification-subscriptions .recent-subscriptions-section .section-header{margin-bottom:1.5rem}section.push-notification-subscriptions .recent-subscriptions-section .section-header h3{margin:0;color:var(--text-primary)}@media screen and (max-width: 768px){section.push-notification-subscriptions .push-notification-subscriptions-chart-section .chart-header{flex-direction:column;align-items:stretch}section.push-notification-subscriptions .push-notification-subscriptions-chart-section .chart-header .chart-date-picker{align-self:flex-end}}section.pushNotificationSent .edit-form-field-value{padding:1rem 1.2rem;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-weight:500;font-size:1rem;transition:all .2s ease;min-height:24px;display:flex;align-items:center}section.pushNotificationSent .edit-form-field-value:hover{background:rgba(255,255,255,.08);border-color:#fff3}section.pushNotificationSent .edit-form-field-value.notification-title{font-weight:600;font-size:1.1rem;color:#fbbf24;background:rgba(251,191,36,.1);border-color:#fbbf2433}section.pushNotificationSent .edit-form-field-value.notification-title:hover{background:rgba(251,191,36,.15);border-color:#fbbf244d}section.pushNotificationSent .edit-form-field-value.notification-body{align-items:flex-start;line-height:1.5;min-height:60px;color:#a7f3d0;background:rgba(167,243,208,.1);border-color:#a7f3d033}section.pushNotificationSent .edit-form-field-value.notification-body:hover{background:rgba(167,243,208,.15);border-color:#a7f3d04d}section.pushNotificationSent .edit-form-field-value.notification-topic{font-family:Courier New,monospace;font-weight:600;color:#c084fc;background:rgba(192,132,252,.1);border-color:#c084fc33}section.pushNotificationSent .edit-form-field-value.notification-topic:hover{background:rgba(192,132,252,.15);border-color:#c084fc4d}@media (max-width: 768px){section.pushNotificationSent .edit-form-grid.two-column{grid-template-columns:1fr;gap:2rem}section.pushNotificationSent .edit-form-header{padding:2rem}section.pushNotificationSent .edit-form-field-value{padding:.8rem 1rem;font-size:.9rem}section.pushNotificationSent .edit-form-field-value.notification-title{font-size:1rem}section.pushNotificationSent .edit-form-field-value.notification-body{min-height:50px;font-size:.9rem}}section.push-notifications-sent .push-notifications-sent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}section.push-notifications-sent .push-notifications-sent-header h2{margin:0;color:var(--text-primary)}section.push-notifications-sent .recent-notifications-section .section-header{margin-bottom:1.5rem}section.push-notifications-sent .recent-notifications-section .section-header h3{margin:0;color:var(--text-primary)}section.ratings .results.ratings table tr th.comments,section.ratings .results.ratings table tr td.comments{max-width:500px}section.rating .rating-display{display:flex;align-items:center;gap:.5rem}section.rating .rating-display .rating-emoji{font-size:1.5rem}section.rating .rating-display .rating-value{font-weight:600;font-size:1.1rem}section.rating .edit-form-field-value.comment{max-width:100%;word-wrap:break-word}section.rating .edit-form-field-value.muted{color:var(--color-text-muted);font-style:italic}section.scheduled-tasks .results.scheduledTasks table tr th.taskName,section.scheduled-tasks .results.scheduledTasks table tr th.attempts,section.scheduled-tasks .results.scheduledTasks table tr td.taskName,section.scheduled-tasks .results.scheduledTasks table tr td.attempts{text-align:center}section.scheduled-tasks .results.scheduledTasks table tr th.taskParams,section.scheduled-tasks .results.scheduledTasks table tr td.taskParams{max-width:500px;overflow-x:hidden}.scheduled-task .task-params{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:1rem;font-family:Courier New,monospace;font-size:.875rem;color:var(--color-foreground);white-space:pre-wrap;overflow-x:auto;max-height:200px;overflow-y:auto}.scheduled-task .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.scheduled-task .status-badge.status-green{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.scheduled-task .status-badge.status-blue{background:rgba(59,130,246,.2);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.scheduled-task .status-badge.status-red{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.scheduled-task .status-badge.status-orange{background:rgba(249,115,22,.2);color:#f97316;border:1px solid rgba(249,115,22,.3)}.scheduled-task .status-badge.status-grey{background:rgba(156,163,175,.2);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.scheduled-task .loading{text-align:center;padding:2rem;color:var(--color-foreground);opacity:.7}.scheduled-task .recurring-badge{display:inline-block;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-left:1rem;box-shadow:0 2px 8px #ff6b354d;border:2px solid rgba(255,255,255,.2)}.scheduled-task .edit-form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.scheduled-task .edit-form-header .edit-form-title-section{display:flex;align-items:center;flex-wrap:wrap}.scheduled-task .edit-form-header .edit-form-actions{display:flex;gap:.5rem}.scheduled-task .edit-form-field-value select{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.05);color:var(--color-foreground);font-size:.875rem;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;transition:all .2s ease}.scheduled-task .edit-form-field-value select:hover{background:rgba(255,255,255,.08);border-color:#fff3}.scheduled-task .edit-form-field-value select:focus{outline:none;border-color:var(--color-blue);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px #3b82f61a}.scheduled-task .edit-form-field-value select option{background:var(--background-secondary);color:var(--color-foreground);padding:.5rem}.phone,.phone-number{gap:.5rem}.phone .flag,.phone-number .flag{margin-right:.5rem;cursor:help}.countryName .flag{margin-right:5px;cursor:help}section.sms-countries .map-section .map-controls{display:flex;justify-content:center;margin-bottom:1.5rem}section.sms-countries .map-section .map-loading{display:flex;align-items:center;justify-content:center;height:400px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:1.1rem}section.sms-countries .map-section .map-summary{padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}@media (max-width: 768px){section.sms-countries .map-section .map-summary{display:flex;align-items:center;justify-content:space-around}}section.sms-countries .map-section .map-summary .total-messages,section.sms-countries .map-section .map-summary .total-costs{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.25rem}@media (max-width: 768px){section.sms-countries .map-section .map-summary .total-messages,section.sms-countries .map-section .map-summary .total-costs{display:flex;align-items:center;justify-content:space-around}}section.sms-countries .map-section .map-summary .total-messages .label,section.sms-countries .map-section .map-summary .total-costs .label{color:var(--text-secondary);font-weight:500}section.sms-countries .map-section .map-summary .total-messages .value,section.sms-countries .map-section .map-summary .total-costs .value{color:var(--accent-primary);font-weight:700;font-size:1.5rem}section.sms-countries .datatable-results.sms-countries table tr th.code,section.sms-countries .datatable-results.sms-countries table tr td.code{width:150px;text-align:center}section.sms-countries .datatable-results.sms-countries table tr th.isBlocked,section.sms-countries .datatable-results.sms-countries table tr td.isBlocked{text-align:center;width:150px;min-width:150px}section.sms-countries .datatable-results.sms-countries table tr th.isBlocked input[type=checkbox]+label:after,section.sms-countries .datatable-results.sms-countries table tr td.isBlocked input[type=checkbox]+label:after{content:"✓"!important}section.sms-countries .datatable-results.sms-countries table tr th.isBlocked input[type=checkbox]+label:before,section.sms-countries .datatable-results.sms-countries table tr td.isBlocked input[type=checkbox]+label:before{background-color:#10b981!important;border-color:#059669!important}section.sms-countries .datatable-results.sms-countries table tr th.isBlocked input[type=checkbox]:checked+label:after,section.sms-countries .datatable-results.sms-countries table tr td.isBlocked input[type=checkbox]:checked+label:after{content:"✕"!important}section.sms-countries .datatable-results.sms-countries table tr th.isBlocked input[type=checkbox]:checked+label:before,section.sms-countries .datatable-results.sms-countries table tr td.isBlocked input[type=checkbox]:checked+label:before{background-color:#ef4444!important;border-color:#ef44441a!important}@media (max-width: 768px){section.sms-countries .map-section .map-summary .total-messages,section.sms-countries .map-section .map-summary .total-costs{justify-content:space-between}section.sms-countries .map-section .map-summary .total-messages .value,section.sms-countries .map-section .map-summary .total-costs .value{font-size:1.25rem}}.sms-country.edit-form-container .edit-form-header .edit-form-title-section .edit-form-title{display:flex;align-items:center;gap:1rem}.sms-country.edit-form-container .edit-form-header .edit-form-title-section .edit-form-title .country-icon{color:var(--accent-primary);font-size:1.5rem}.sms-country.edit-form-container .edit-form-header .edit-form-title-section .edit-form-title .country-code{color:var(--text-secondary);font-weight:400;font-size:1.25rem;margin-left:.5rem}.sms-country.edit-form-container .edit-form-fields .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sms-country.edit-form-container .edit-form-fields .status-badge.active{background-color:var(--color-green-light);color:var(--color-green-dark);border:1px solid var(--color-green)}.sms-country.edit-form-container .edit-form-fields .status-badge.blocked{background-color:var(--color-red-light);color:var(--color-red-dark);border:1px solid var(--color-red)}.sms-country-not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.sms-country-not-found .not-found-content{text-align:center;max-width:400px}.sms-country-not-found .not-found-content svg{color:var(--text-muted);margin-bottom:1.5rem}.sms-country-not-found .not-found-content h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.sms-country-not-found .not-found-content p{margin:0;color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.sms-country.edit-form-container .edit-form-header .edit-form-title-section .edit-form-title{flex-direction:column;align-items:flex-start;gap:.5rem}.sms-country.edit-form-container .edit-form-header .edit-form-title-section .edit-form-title .country-code{margin-left:0;font-size:1rem}}section.sms-message .message-content-field .edit-form-field-value{white-space:pre-wrap!important;word-wrap:break-word!important;line-height:1.5!important;align-items:flex-start!important;height:auto!important;min-height:80px!important;padding:1.2rem!important}section.sms-message .message-content-field .edit-form-display-mode{height:auto!important;min-height:80px!important;align-items:flex-start!important}section.sms-message .message-content-field .edit-form-display-mode .edit-form-textarea{min-height:80px!important;line-height:1.5!important;white-space:pre-wrap!important}section.sms-message .message-content-field .edit-form-editing .edit-form-display-mode{height:auto!important;min-height:80px!important;align-items:flex-start!important}section.sms-message .message-content-field .edit-form-editing .edit-form-display-mode .edit-form-textarea{min-height:80px!important;line-height:1.5!important;white-space:pre-wrap!important}section.sms-message .edit-form-section:has(h2:contains("Status")) .edit-form-field-group:has(label:contains("Status")) .edit-form-field-value{font-weight:600;background:rgba(59,130,246,.1);border-color:#3b82f633}section.sms-message .edit-form-section:has(h2:contains("Twilio")) h2{color:#8b5cf6}section.sms-message .edit-form-section:has(h2:contains("Twilio")) .edit-form-field-group:has(label:contains("SID")) .edit-form-field-value{font-family:Courier New,monospace;font-size:.875rem;background:rgba(139,92,246,.1);border-color:#8b5cf633}section.sms-message .edit-form-section:has(h2:contains("Twilio")) .edit-form-field-group:has(label:contains("Error")) .edit-form-field-value{color:#ef4444;font-weight:500;background:rgba(239,68,68,.1);border-color:#ef444433}@media (max-width: 768px){section.sms-message .edit-form-grid.two-column .system-section .edit-form-section:not(:last-child){margin-bottom:2rem}}section.sms-message-log .status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}section.sms-message-log .status-badge.status-queued{background-color:#fef3c7;color:#92400e}section.sms-message-log .status-badge.status-sent{background-color:#dbeafe;color:#1e40af}section.sms-message-log .status-badge.status-delivered{background-color:#d1fae5;color:#065f46}section.sms-message-log .status-badge.status-undelivered,section.sms-message-log .status-badge.status-failed{background-color:#fee2e2;color:#991b1b}section.sms-message-log .status-badge.status-received{background-color:#e0e7ff;color:#3730a3}section.sms-message-log .error-text{color:#dc2626;font-weight:500}section.sms-message-log .webhook-data{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}section.sms-messages .recent-sms-messages-section .section-header{margin-bottom:1.5rem}section.sms-messages .recent-sms-messages-section .section-header h3{margin:0;color:var(--text-primary)}section.sms-messages .results.sms-messages table tr th.message,section.sms-messages .results.sms-messages table tr td.message{max-width:500px}@media (max-width: 768px){section.sms-messages .results.sms-messages table tr th.message,section.sms-messages .results.sms-messages table tr td.message{max-width:200px;word-wrap:break-word;white-space:normal}}@media screen and (max-width: 768px){section.sms-messages table tr th.names-phones-count,section.sms-messages table tr th.names-conflicts-count,section.sms-messages table tr td.names-phones-count,section.sms-messages table tr td.names-conflicts-count{display:none}}.sms-phone-numbers .section .data-table-container .data-table td.messageCount,.sms-phone-numbers .section .data-table-container .data-table td.actions{text-align:center}@media (max-width: 768px){.sms-phone-numbers .section .data-table-container .data-table th.countryName,.sms-phone-numbers .section .data-table-container .data-table th.messageCount,.sms-phone-numbers .section .data-table-container .data-table th.actions,.sms-phone-numbers .section .data-table-container .data-table td.countryName,.sms-phone-numbers .section .data-table-container .data-table td.messageCount,.sms-phone-numbers .section .data-table-container .data-table td.actions{display:none}}section.sms-phone-number-view .blocked-phone-warning{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:1rem;margin-bottom:2rem;color:#721c24}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-header{display:flex;align-items:center;margin-bottom:.5rem}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-header .error-icon{color:#dc3545;margin-right:.5rem;font-size:1.1rem}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-header strong{font-weight:600}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-message{margin-bottom:.75rem;font-size:.95rem}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-details .blocked-detail{background-color:#fff;border:1px solid #f5c6cb;border-radius:4px;padding:.5rem;margin-bottom:.5rem;font-size:.9rem}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-details .blocked-detail:last-child{margin-bottom:0}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-details .blocked-detail strong{font-weight:600;color:#dc3545}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-details .blocked-detail .blocked-link a{color:#dc3545;text-decoration:underline;font-weight:500}section.sms-phone-number-view .blocked-phone-warning .blocked-phone-warning-details .blocked-detail .blocked-link a:hover{color:#a71e2a;text-decoration:none}section.sms-phone-number-view .edit-form-fields .edit-form-field-group:has(.edit-form-field-value) .edit-form-field-value{word-break:break-word}section.sms-phone-number-view .results.groups table tr th.message,section.sms-phone-number-view .results.groups table tr td.message,section.sms-phone-number-view .results.smsMessages table tr th.message,section.sms-phone-number-view .results.smsMessages table tr td.message{max-width:400px;word-break:break-word}section.sms-phone-number-view .results.groups table tr th.price,section.sms-phone-number-view .results.groups table tr td.price,section.sms-phone-number-view .results.smsMessages table tr th.price,section.sms-phone-number-view .results.smsMessages table tr td.price{text-align:right;min-width:80px}section.sms-phone-number-view .results.groups table tr th.status,section.sms-phone-number-view .results.groups table tr td.status,section.sms-phone-number-view .results.smsMessages table tr th.status,section.sms-phone-number-view .results.smsMessages table tr td.status{min-width:100px}@media (max-width: 768px){section.sms-phone-number-view .edit-form-grid.two-column{grid-template-columns:1fr}section.sms-phone-number-view .results.groups table tr th.message,section.sms-phone-number-view .results.groups table tr td.message,section.sms-phone-number-view .results.smsMessages table tr th.message,section.sms-phone-number-view .results.smsMessages table tr td.message{max-width:200px}section.sms-phone-number-view .results.groups table tr th.price,section.sms-phone-number-view .results.groups table tr th.direction,section.sms-phone-number-view .results.groups table tr td.price,section.sms-phone-number-view .results.groups table tr td.direction,section.sms-phone-number-view .results.smsMessages table tr th.price,section.sms-phone-number-view .results.smsMessages table tr th.direction,section.sms-phone-number-view .results.smsMessages table tr td.price,section.sms-phone-number-view .results.smsMessages table tr td.direction{display:none}section.sms-phone-number-view .results.groups .sms-messages-section .section-header,section.sms-phone-number-view .results.smsMessages .sms-messages-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}section.sms-phone-number-view .results.groups .sms-messages-section .section-header h3,section.sms-phone-number-view .results.smsMessages .sms-messages-section .section-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}section.sms-phone-number-view .results.groups .sms-messages-section .section-header .country-filter,section.sms-phone-number-view .results.smsMessages .sms-messages-section .section-header .country-filter{display:flex;align-items:center;gap:.5rem}section.sms-phone-number-view .results.groups .sms-messages-section .section-header .country-filter label,section.sms-phone-number-view .results.smsMessages .sms-messages-section .section-header .country-filter label{font-size:.875rem;color:var(--text-secondary);white-space:nowrap}section.sms-phone-number-view .results.groups .sms-messages-section .section-header .country-filter .country-filter-select,section.sms-phone-number-view .results.smsMessages .sms-messages-section .section-header .country-filter .country-filter-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;min-width:150px}section.sms-phone-number-view .results.groups .sms-messages-section .section-header .country-filter .country-filter-select:focus,section.sms-phone-number-view .results.smsMessages .sms-messages-section .section-header .country-filter .country-filter-select:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 2px #3b82f61a}}.whatsapp-message .message-content-field textarea{min-height:150px}.whatsapp-message .template-variables{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;padding:12px;font-family:Courier New,monospace;font-size:13px;color:var(--color-text-primary);overflow-x:auto;margin:0}.whatsapp-messages .chart-section,.whatsapp-messages .stats-cards{margin-bottom:2rem}.whatsapp-phone-numbers .recent-whatsapp-phone-numbers-section{margin-top:2rem}.whatsapp-templates .template-components-list,.whatsapp-templates .template-variables-list{display:flex;flex-direction:column;gap:12px}.whatsapp-templates .component-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:16px;transition:all .2s ease}.whatsapp-templates .component-card:hover{border-color:var(--color-whatsapp);box-shadow:0 2px 8px #25d3661a}.whatsapp-templates .component-card .component-header{margin-bottom:12px}.whatsapp-templates .component-card .component-header .component-type-badge{display:inline-block;padding:4px 12px;background:var(--color-whatsapp);color:#fff;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.whatsapp-templates .component-card .component-content{color:var(--color-text-primary);line-height:1.6;white-space:pre-wrap}.whatsapp-templates .variable-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.whatsapp-templates .variable-card:hover{border-color:var(--color-whatsapp);box-shadow:0 2px 8px #25d3661a}.whatsapp-templates .variable-card .variable-position{padding:4px 12px;background:var(--color-whatsapp);color:#fff;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}.whatsapp-templates .variable-card .variable-name{color:var(--color-text-primary);font-weight:500;font-family:Courier New,monospace}.whatsapp-templates .no-data{color:var(--color-text-muted);font-style:italic;text-align:center;padding:24px}.whatsapp-templates .status-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.whatsapp-templates .status-badge.status-approved{background:var(--color-success-bg);color:var(--color-success)}.whatsapp-templates .status-badge.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.whatsapp-templates .status-badge.status-rejected{background:var(--color-error-bg);color:var(--color-error)}.whatsapp-templates .status-badge.status-disabled{background:var(--color-bg-tertiary);color:var(--color-text-muted)}section.url .edit-form-field-value.muted{color:#6b7280;font-style:italic}section.url .edit-form-field-value a{color:var(--color-links);text-decoration:none;word-break:break-all}section.url .edit-form-field-value a:hover{text-decoration:underline}.user .avatar-section{margin-bottom:1.5rem;text-align:center}.user .avatar-section .avatar-container{display:inline-block;position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--border-color)}.user .avatar-section .avatar-container .avatar-image{width:100%;height:100%;object-fit:cover}.user .avatar-section .avatar-container .avatar-placeholder{width:100%;height:100%;background:var(--input-background);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:2rem}.user .role-display,.user .status-display,.user .info-display{padding:.75rem 0}.user .role-display .role-badge,.user .status-display .role-badge,.user .info-display .role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user .role-display .role-badge.role-user,.user .status-display .role-badge.role-user,.user .info-display .role-badge.role-user{background:rgba(59,130,246,.1);color:#3b82f6}.user .role-display .role-badge.role-admin,.user .status-display .role-badge.role-admin,.user .info-display .role-badge.role-admin{background:rgba(249,115,22,.1);color:#f97316}.user .role-display .role-badge.role-superadmin,.user .status-display .role-badge.role-superadmin,.user .info-display .role-badge.role-superadmin{background:rgba(239,68,68,.1);color:#ef4444}.user .role-display .status-badge,.user .status-display .status-badge,.user .info-display .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.user .role-display .status-badge.verified,.user .role-display .status-badge.enabled,.user .role-display .status-badge.active,.user .status-display .status-badge.verified,.user .status-display .status-badge.enabled,.user .status-display .status-badge.active,.user .info-display .status-badge.verified,.user .info-display .status-badge.enabled,.user .info-display .status-badge.active{background:rgba(34,197,94,.1);color:#22c55e}.user .role-display .status-badge.unverified,.user .role-display .status-badge.disabled,.user .role-display .status-badge.inactive,.user .status-display .status-badge.unverified,.user .status-display .status-badge.disabled,.user .status-display .status-badge.inactive,.user .info-display .status-badge.unverified,.user .info-display .status-badge.disabled,.user .info-display .status-badge.inactive{background:rgba(239,68,68,.1);color:#ef4444}.deactivate-account-modal .modal-intro{display:flex;gap:1.5rem;margin-bottom:2rem}.deactivate-account-modal .modal-intro .warning-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:rgba(239,68,68,.1);display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:1.5rem}.deactivate-account-modal .modal-intro .warning-content{flex:1}.deactivate-account-modal .modal-intro .warning-content h3{color:var(--color-foreground);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.deactivate-account-modal .modal-intro .warning-content p{color:var(--color-foreground-muted);line-height:1.6;margin-bottom:1rem}.deactivate-account-modal .modal-intro .warning-content p:last-child{margin-bottom:0}.deactivate-account-modal .modal-intro .warning-content p strong{color:var(--color-foreground);font-weight:600}.deactivate-account-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.change-role-modal .modal-intro{margin-bottom:1.5rem;padding:1rem;background:var(--info-background);border-radius:6px;border-left:4px solid var(--primary-color)}.change-role-modal .modal-intro p{margin:0;color:var(--text-primary);font-size:.95rem}.change-role-modal .role-options{margin-bottom:1.5rem}.change-role-modal .role-options .role-option{display:flex;align-items:center;padding:1rem;border:2px solid var(--border-color);border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease}.change-role-modal .role-options .role-option:last-child{margin-bottom:0}.change-role-modal .role-options .role-option:hover{border-color:var(--primary-color);background:rgba(59,130,246,.02)}.change-role-modal .role-options .role-option.selected{border-color:var(--primary-color);background:rgba(59,130,246,.05)}.change-role-modal .role-options .role-option.current{border-color:var(--success-color);background:rgba(34,197,94,.02)}.change-role-modal .role-options .role-option .role-icon{margin-right:1rem;font-size:1.5rem}.change-role-modal .role-options .role-option .role-icon.role-icon-blue{color:#3b82f6}.change-role-modal .role-options .role-option .role-icon.role-icon-orange{color:#f97316}.change-role-modal .role-options .role-option .role-icon.role-icon-red{color:#ef4444}.change-role-modal .role-options .role-option .role-content{flex:1}.change-role-modal .role-options .role-option .role-content .role-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.change-role-modal .role-options .role-option .role-content .role-header h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.change-role-modal .role-options .role-option .role-content .role-header .current-badge{padding:.125rem .5rem;background:var(--success-color);color:#fff;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.change-role-modal .role-options .role-option .role-content .role-description{margin:0;color:var(--text-secondary);font-size:.85rem}.change-role-modal .role-options .role-option .role-selector input[type=radio]{width:18px;height:18px;accent-color:var(--primary-color)}.change-role-modal .role-change-warning{margin-bottom:1.5rem;padding:1rem;background:rgba(249,115,22,.05);border:1px solid rgba(249,115,22,.2);border-radius:6px}.change-role-modal .role-change-warning .warning-content{display:flex;align-items:flex-start;gap:.75rem}.change-role-modal .role-change-warning .warning-content svg{color:#f97316;font-size:1.25rem;margin-top:.125rem}.change-role-modal .role-change-warning .warning-content div{flex:1}.change-role-modal .role-change-warning .warning-content div strong{display:block;color:var(--text-primary);font-size:.95rem;margin-bottom:.25rem}.change-role-modal .role-change-warning .warning-content div p{margin:0;color:var(--text-secondary);font-size:.85rem}.change-role-modal .modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.wishlistItems table thead tr th.itemType,.wishlistItems table thead tr th.item,.wishlistItems table thead tr th.url,.wishlistItems table thead tr td.itemType,.wishlistItems table thead tr td.item,.wishlistItems table thead tr td.url,.wishlistItems table tbody tr th.itemType,.wishlistItems table tbody tr th.item,.wishlistItems table tbody tr th.url,.wishlistItems table tbody tr td.itemType,.wishlistItems table tbody tr td.item,.wishlistItems table tbody tr td.url{text-align:center}.wishlist-brand .image-upload-field{margin-top:.5rem}.wishlist-brand .readonly-field{word-break:break-all}section.api-keys h3{width:100%}section.api-keys .results.apiKeys table tbody tr td.key{font-family:Courier New,monospace;font-size:.9em;background-color:var(--color-background-alt);padding:8px;border-radius:4px;word-break:break-all}section.api-keys .results.apiKeys table tbody tr td.scopes{font-size:.9em;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.api-keys .results.apiKeys table tbody tr td.name,section.api-keys .results.apiKeys table tbody tr td.date{text-align:left}@media screen and (max-width: 768px){section.api-keys .results.apiKeys table tr th.scopes,section.api-keys .results.apiKeys table tr td.scopes{display:none}}section.service-logs h3{width:100%}section.service-logs .results.serviceLogs table tbody tr td.service{font-weight:600;text-transform:capitalize}section.service-logs .results.serviceLogs table tbody tr td.status{text-align:center}section.service-logs .results.serviceLogs table tbody tr td.status .service-log-status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}section.service-logs .results.serviceLogs table tbody tr td.status .service-log-status .status-circle{width:12px;height:12px;border-radius:50%;flex-shrink:0}section.service-logs .results.serviceLogs table tbody tr td.status .service-log-status .status-circle.green{background-color:#10b981}section.service-logs .results.serviceLogs table tbody tr td.status .service-log-status .status-circle.red{background-color:#ef4444}section.service-logs .results.serviceLogs table tbody tr td.status .service-log-status .status-circle.yellow{background-color:#f59e0b}section.service-logs .results.serviceLogs table tbody tr td.message{max-width:400px;word-wrap:break-word;white-space:pre-wrap;font-family:Courier New,monospace;font-size:.9em}section.service-logs .results.serviceLogs table tbody tr td.resolved{text-align:center}section.service-logs .results.serviceLogs table tbody tr td.resolved .resolved-dash{color:var(--text-secondary);font-size:1.2rem}section.service-logs .results.serviceLogs table tbody tr td.date{text-align:left;white-space:nowrap}@media screen and (max-width: 768px){section.service-logs .results.serviceLogs table tr th.message,section.service-logs .results.serviceLogs table tr td.message{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.service-logs .results.serviceLogs table tr th.resolved,section.service-logs .results.serviceLogs table tr td.resolved{display:none}}.service-events{padding:2rem}@media (max-width: 768px){.service-events{padding:1rem}}.service-event.loading,.service-event.error{display:flex;align-items:center;justify-content:center;min-height:400px}.service-event.loading .loading-message,.service-event.loading .error-message,.service-event.error .loading-message,.service-event.error .error-message{font-size:1.1rem;color:var(--text-secondary)}.service-event.loading .error-message,.service-event.error .error-message{color:var(--color-red)}.modal .service-log-info{padding:.75rem;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:.5rem}.modal .service-log-info strong{color:var(--text-primary)}.modal .radio-group{display:flex;gap:1.5rem;margin-bottom:.5rem}@media (max-width: 480px){.modal .radio-group{flex-direction:column;gap:.75rem}}.modal .radio-group .radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.modal .radio-group .radio-option input[type=radio]{width:auto;margin:0}.modal .radio-group .radio-option:hover{color:var(--color-blue)}.service-event-status{display:flex;align-items:center;gap:.5rem}.service-event-status .status-circle{width:8px;height:8px;border-radius:50%;flex-shrink:0}.service-event-status .status-circle.green{background-color:var(--color-green)}.service-event-status .status-circle.yellow{background-color:var(--color-yellow)}.service-event-status .status-circle.blue{background-color:var(--color-blue)}.system-status{max-width:1400px;margin:0 auto;background:var(--bg-primary)}.system-status.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.system-status.loading .loading-message{font-size:1.1rem;color:var(--text-secondary)}.system-status .service-status-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:all var(--transition-normal)}.system-status .service-status-card.green{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--bg-secondary) 100%)}.system-status .service-status-card.green .service-status-badge{background:#10b981;color:#fff;box-shadow:0 0 20px #10b9814d}.system-status .service-status-card.green .status-icon{background:rgba(255,255,255,.9)!important}.system-status .service-status-card.red{border-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,var(--bg-secondary) 100%)}.system-status .service-status-card.red .service-status-badge{background:#ef4444;color:#fff;box-shadow:0 0 20px #ef44444d}.system-status .service-status-card.red .status-icon{background:rgba(255,255,255,.9)!important}.system-status .service-status-card.gray{border-color:#6b7280;background:linear-gradient(135deg,rgba(107,114,128,.1) 0%,var(--bg-secondary) 100%)}.system-status .service-status-card.gray .service-status-badge{background:#6b7280;color:#fff;box-shadow:0 0 20px #6b72804d}.system-status .service-status-card.gray .status-icon{background:rgba(255,255,255,.9)!important}.system-status .service-status-card .service-status-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid var(--border-color)}.system-status .service-status-card .service-status-header .service-info{display:flex;flex-direction:column;justify-content:flex-start}.system-status .service-status-card .service-status-header .service-info .service-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;text-align:left}.system-status .service-status-card .service-status-header .service-info .last-check{font-size:.9rem;color:var(--text-secondary)}.system-status .service-status-card .service-status-header .service-status-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;border:2px solid rgba(255,255,255,.2)}.system-status .service-status-card .service-status-header .service-status-badge .status-icon{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.9)}.system-status .service-status-card .service-status-chart{padding:1.5rem 2rem 2rem}.system-status .service-status-card .service-status-chart .chart-header-with-presets{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.system-status .service-status-card .service-status-chart .chart-header-with-presets h4{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.system-status .service-status-card .service-status-chart .chart-header-with-presets .response-time-presets{display:flex;gap:.5rem}.system-status .service-status-card .service-status-chart .chart-header-with-presets .response-time-presets .response-time-preset{padding:.375rem .75rem;border:1px solid #10b981;border-radius:4px;background-color:transparent;color:#10b981;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.system-status .service-status-card .service-status-chart .chart-header-with-presets .response-time-presets .response-time-preset:hover{background-color:#10b9811a}.system-status .service-status-card .service-status-chart .chart-header-with-presets .response-time-presets .response-time-preset.active{background-color:#10b981;color:#fff}.system-status .service-status-card .service-status-chart .chart-header-with-presets .response-time-presets .response-time-preset:focus{outline:none;box-shadow:0 0 0 2px #10b98133}.system-status .service-status-card .service-status-chart h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary);font-weight:600}.system-status .recent-activity-card{background:var(--color-background-alt);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.system-status .recent-activity-card .recent-activity-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:rgba(0,0,0,.1)}.system-status .recent-activity-card .recent-activity-header .recent-activity-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.system-status .recent-activity-card .recent-activity-header .view-all-button{background:rgba(255,255,255,.1);color:#60a5fa;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.8rem;font-weight:500;text-align:center;line-height:1.2;transition:all var(--transition-normal)}.system-status .recent-activity-card .recent-activity-header .view-all-button:hover{background:rgba(255,255,255,.2);color:#93c5fd}.system-status .recent-activity-card .recent-activity-content{padding:1.5rem 2rem 2rem}.system-status .recent-activity-card .recent-activity-content .no-recent-items{text-align:center;color:#fff9;font-style:italic;padding:2rem 0}.system-status .recent-activity-card .recent-activity-content .recent-activity-list{display:flex;flex-direction:column;gap:1rem}.system-status .recent-activity-card .recent-activity-content .recent-activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(0,0,0,.2);border-radius:8px;transition:all var(--transition-normal)}.system-status .recent-activity-card .recent-activity-content .recent-activity-item:hover{background:rgba(0,0,0,.3)}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem;font-weight:700}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-icon.new,.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-icon.in-progress{background:#3b82f6;color:#fff}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-icon.resolved,.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-icon.healthy{background:#10b981;color:#fff}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-icon.unhealthy{background:#ef4444;color:#fff}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-details{flex:1;min-width:0}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-details .activity-title{font-weight:600;color:#fff;text-decoration:none;display:block;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-details .activity-title:hover{color:#60a5fa}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-details .activity-date{font-size:.85rem;color:#ffffffb3}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-status{font-size:.85rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-status.new,.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-status.in-progress{color:#60a5fa}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-status.resolved,.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-status.healthy{color:#34d399}.system-status .recent-activity-card .recent-activity-content .recent-activity-item .activity-status.unhealthy{color:#f87171}@media (max-width: 768px){.system-status .dashboard-row{flex-direction:column;gap:1rem}}@media (max-width: 768px){.system-status .service-status-card .service-status-chart .chart-header-with-presets{flex-direction:column;align-items:flex-start;gap:.75rem}.system-status .service-status-card .service-status-chart .chart-header-with-presets .response-time-presets{width:100%;justify-content:flex-start}.system-status .service-status-card .service-status-chart .chart-header-with-presets .response-time-presets .response-time-preset{flex:1;text-align:center;min-width:0}}section.system .dashboard{padding:2rem 1rem;max-width:1000px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary)}@media (max-width: 768px){section.system .dashboard{padding:1.5rem 1rem}}section.system .dashboard h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;text-align:center}@media (max-width: 768px){section.system .dashboard h1{font-size:1.75rem;margin-bottom:1.5rem}}section.system .dashboard .dashboard-placeholder{width:100%;min-height:400px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic;box-shadow:var(--shadow-md)}section.system .dashboard .dashboard-placeholder:before{content:"System dashboard content will be added here";font-size:1rem;text-align:center}@media (max-width: 768px){section.system .dashboard .dashboard-placeholder{min-height:300px}section.system .dashboard .dashboard-placeholder:before{font-size:.875rem}}section.system .status-indicator-card,section.system .mini-status-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:var(--transition-normal);height:100%}section.system .status-indicator-card:hover,section.system .mini-status-card:hover{box-shadow:var(--shadow-xl)}section.system .status-indicator-card .status-indicator-header,section.system .status-indicator-card .mini-status-header,section.system .mini-status-card .status-indicator-header,section.system .mini-status-card .mini-status-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}section.system .status-indicator-card .status-indicator-header h3,section.system .status-indicator-card .mini-status-header h3,section.system .mini-status-card .status-indicator-header h3,section.system .mini-status-card .mini-status-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}section.system .status-indicator-card .status-indicator-header .btn-mini,section.system .status-indicator-card .mini-status-header .btn-mini,section.system .mini-status-card .status-indicator-header .btn-mini,section.system .mini-status-card .mini-status-header .btn-mini{padding:.5rem;font-size:.75rem;min-height:auto}section.system .status-indicator-card .status-indicator-body,section.system .status-indicator-card .mini-status-body,section.system .mini-status-card .status-indicator-body,section.system .mini-status-card .mini-status-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.profile .profile-header{margin-bottom:3rem;text-align:center}.profile .profile-header h2{font-size:2.4rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.8rem}.profile .profile-header p{font-size:1.6rem;color:var(--color-text-secondary);margin:0}.profile .profile-section{background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);width:100%}.profile .profile-section .section-header{background:var(--color-background-primary);border-bottom:1px solid var(--color-border-primary);padding:2rem}.profile .profile-section .section-header h3{font-size:1.8rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.profile .profile-section .section-header p{font-size:1.4rem;color:var(--color-text-secondary);margin:0}.profile .profile-section .section-content{padding:2rem}.profile .avatar-section{display:flex;justify-content:center;margin-bottom:2rem}.profile .avatar-section .avatar-container{position:relative;display:inline-block}.profile .avatar-section .avatar-container .avatar-image{width:120px;height:auto}.profile .avatar-section .avatar-container .avatar-placeholder{width:120px;height:120px;border-radius:50%;background:var(--color-background-tertiary);border:4px solid var(--color-border-primary);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:3rem}.profile .avatar-section .avatar-container .avatar-upload-btn{position:absolute;bottom:0;right:0;background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease}.profile .avatar-section .avatar-container .avatar-upload-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.profile .avatar-section .avatar-container .avatar-upload-btn span{display:none}.profile .avatar-section .avatar-container .avatar-upload-btn svg{font-size:1.4rem}.profile .password-input{position:relative}.profile .password-input .password-toggle{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:.4rem;border-radius:var(--border-radius-sm);transition:all .2s ease}.profile .password-input .password-toggle:hover{color:var(--color-text-secondary);background:var(--color-background-tertiary)}.profile .password-input .password-toggle svg{font-size:1.4rem}.profile .two-factor-content-container{min-height:0!important}.profile .two-factor-content-container.expanded{border-top:1px solid var(--color-border-primary);margin-top:2rem;padding-top:2rem}.profile .two-factor-content .two-factor-status{display:flex;align-items:center;justify-content:space-between;padding:2.5rem;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);margin-bottom:2rem}.profile .two-factor-content .two-factor-status .status-info{display:flex;align-items:center;gap:2rem}.profile .two-factor-content .two-factor-status .status-info .status-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;flex-shrink:0}.profile .two-factor-content .two-factor-status .status-info .status-icon.enabled{background:var(--color-success-light);color:var(--color-success-dark);border:2px solid var(--color-success)}.profile .two-factor-content .two-factor-status .status-info .status-icon.disabled{background:var(--color-error-light);color:var(--color-error-dark);border:2px solid var(--color-error)}.profile .two-factor-content .two-factor-status .status-info .status-details h4{font-size:1.8rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .6rem}.profile .two-factor-content .two-factor-status .status-info .status-details p{font-size:1.4rem;color:var(--color-text-secondary);margin:0 0 .8rem;line-height:1.4}.profile .two-factor-content .two-factor-status .status-info .status-details .status-badge{display:inline-block;padding:.4rem 1rem;border-radius:var(--border-radius-sm);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.profile .two-factor-content .two-factor-status .status-info .status-details .status-badge.enabled{background:var(--color-success-light);color:var(--color-success-dark)}.profile .two-factor-content .two-factor-status .status-info .status-details .status-badge.disabled{background:var(--color-error-light);color:var(--color-error-dark)}.profile .two-factor-content .two-factor-status .status-actions{flex-shrink:0}.profile .two-factor-setup .setup-header{margin-bottom:2rem}.profile .two-factor-setup .setup-header h4{font-size:1.6rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.profile .two-factor-setup .setup-header p{font-size:1.4rem;color:var(--color-text-secondary);margin:0}.profile .two-factor-setup .setup-steps{display:flex;flex-direction:column}.profile .two-factor-setup .setup-step .step-header{margin-bottom:1.5rem}.profile .two-factor-setup .setup-step .step-header h5{font-size:1.4rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;text-align:left}.profile .two-factor-setup .setup-step .step-header p{font-size:1.3rem;color:var(--color-text-secondary);margin:0;text-align:left}.profile .two-factor-setup .qr-code-container{display:flex;justify-content:center;padding:2rem;background:white;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);margin-bottom:1.5rem}.profile .two-factor-setup .qr-code-container .qr-code-image{max-width:200px;height:auto}.profile .two-factor-setup .verification-input{text-align:center}.profile .two-factor-setup .verification-input .edit-form-input{font-family:Courier New,monospace;font-size:1.8rem;letter-spacing:.5rem;text-align:center;max-width:200px;margin:0 auto}.profile .two-factor-setup .backup-codes .codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.profile .two-factor-setup .backup-codes .codes-grid .backup-code{background:var(--color-background-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);padding:.8rem 1.2rem;font-family:Courier New,monospace;font-size:1.3rem;text-align:center;color:var(--color-text-primary)}.profile .form-actions{display:flex;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border-primary)}.profile .section-header .header-title-row{display:flex;justify-content:space-around;align-items:center;margin-bottom:.5rem}.profile .section-header .header-title-row h3{margin:0}.profile .section-header .header-title-row .status-badge{display:inline-block;padding:.4rem 1rem;border-radius:var(--border-radius-sm);font-weight:600;font-size:1.2rem;letter-spacing:.5px}.profile .section-header .header-title-row .status-badge.enabled{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.profile .section-header .header-title-row .status-badge.disabled{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.profile .two-factor-content .two-factor-status{display:flex;align-items:center;justify-content:space-between;padding:2rem;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);margin-bottom:2rem}.profile .two-factor-content .two-factor-status .status-info{display:flex;align-items:center;gap:1.5rem}.profile .two-factor-content .two-factor-status .status-info .status-icon{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600}.profile .two-factor-content .two-factor-status .status-info .status-icon.enabled{background:rgba(34,197,94,.1);color:#22c55e;border:2px solid rgba(34,197,94,.3)}.profile .two-factor-content .two-factor-status .status-info .status-icon.disabled{background:rgba(239,68,68,.1);color:#ef4444;border:2px solid rgba(239,68,68,.3)}.profile .two-factor-content .two-factor-status .status-info .status-details h4{font-size:1.6rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.profile .two-factor-content .two-factor-status .status-info .status-details p{font-size:1.3rem;color:var(--color-text-secondary);margin:0}.profile .two-factor-content .two-factor-status .status-actions{display:flex;gap:1rem}.profile .two-factor-content .two-factor-setup .setup-header{text-align:left;margin-bottom:3rem}.profile .two-factor-content .two-factor-setup .setup-header h4{font-size:1.8rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.profile .two-factor-content .two-factor-setup .setup-header p{font-size:1.4rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.profile .two-factor-content .two-factor-setup .setup-steps .setup-step{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem}.profile .two-factor-content .two-factor-setup .setup-steps .setup-step:last-child{margin-bottom:0}.profile .two-factor-content .two-factor-setup .setup-steps .setup-step .step-number{width:3rem;height:3rem;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.4rem;flex-shrink:0}.profile .two-factor-content .two-factor-setup .setup-steps .setup-step .step-content{flex:1}.profile .two-factor-content .two-factor-setup .setup-steps .setup-step .step-content h5{font-size:1.6rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem;text-align:left}.profile .two-factor-content .two-factor-setup .setup-steps .setup-step .step-content p{font-size:1.4rem;color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.6;text-align:left}.profile .two-factor-content .two-factor-setup .setup-steps .setup-step .step-content p:last-child{margin-bottom:0}.profile .two-factor-content .two-factor-setup .qr-code-container{display:flex;justify-content:center;padding:2rem;background:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);margin-bottom:2rem}.profile .two-factor-content .two-factor-setup .qr-code-container .qr-code-image{max-width:200px;height:auto;border-radius:var(--border-radius-sm)}.profile .two-factor-content .two-factor-setup .manual-entry{text-align:left}.profile .two-factor-content .two-factor-setup .manual-entry p{font-size:1.3rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.profile .two-factor-content .two-factor-setup .manual-entry .secret-key-container{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);margin-bottom:2rem}.profile .two-factor-content .two-factor-setup .manual-entry .secret-key-container .secret-key{flex:1;font-family:Courier New,monospace;font-size:1.3rem;color:var(--color-text-primary);background:transparent;border:none;word-break:break-all;line-height:1.4}.profile .two-factor-content .two-factor-setup .manual-entry .secret-key-container .copy-secret-btn{flex-shrink:0;padding:.8rem;min-width:auto}.profile .two-factor-content .two-factor-setup .verification-input-container{display:flex;justify-content:flex-start;margin-bottom:2rem}.profile .two-factor-content .two-factor-setup .verification-input-container .verification-input{width:200px;text-align:center;font-size:1.6rem;letter-spacing:.5rem;font-family:Courier New,monospace;padding:1rem;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary)}.profile .two-factor-content .two-factor-setup .verification-input-container .verification-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.profile .two-factor-content .two-factor-setup .form-actions{display:flex;justify-content:flex-start;gap:1rem}@media (max-width: 480px){.profile .two-factor-content .two-factor-setup .form-actions{flex-direction:column}}.profile .two-factor-content .two-factor-disable .disable-header{text-align:left;margin-bottom:2.5rem}.profile .two-factor-content .two-factor-disable .disable-header h4{font-size:1.8rem;font-weight:600;color:#ef4444;margin:0 0 1rem}.profile .two-factor-content .two-factor-disable .disable-header p{font-size:1.4rem;color:var(--color-text-secondary);margin:0}.profile .two-factor-content .two-factor-disable .disable-form .form-group{margin-bottom:2rem}.profile .two-factor-content .two-factor-disable .disable-form .form-group:last-child{margin-bottom:0}.profile .two-factor-content .two-factor-disable .disable-form .form-actions{display:flex;justify-content:flex-start;gap:1rem}@media (max-width: 480px){.profile .two-factor-content .two-factor-disable .disable-form .form-actions{flex-direction:column}}.profile .two-factor-content .two-factor-backup .backup-header{text-align:left;margin-bottom:2.5rem}.profile .two-factor-content .two-factor-backup .backup-header .warning-icon{font-size:3rem;color:#f59e0b;margin-bottom:1rem}.profile .two-factor-content .two-factor-backup .backup-header h4{font-size:1.8rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.profile .two-factor-content .two-factor-backup .backup-header p{font-size:1.4rem;color:var(--color-text-secondary);margin:0}.profile .two-factor-content .two-factor-backup .backup-codes-container{background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:3rem;margin-bottom:2rem}.profile .two-factor-content .two-factor-backup .backup-codes-container .backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}@media (max-width: 768px){.profile .two-factor-content .two-factor-backup .backup-codes-container .backup-codes-grid{grid-template-columns:1fr;gap:1rem}}.profile .two-factor-content .two-factor-backup .backup-codes-container .backup-codes-grid .backup-code{font-family:Courier New,monospace;font-size:1.6rem;font-weight:700;color:var(--color-text-primary);background:var(--color-background-primary);border:2px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:1.5rem 1rem;text-align:center;letter-spacing:.2rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.profile .two-factor-content .two-factor-backup .backup-codes-container .backup-codes-grid .backup-code:hover{border-color:var(--color-primary);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.dark .profile .two-factor-content .two-factor-backup .backup-codes-container .backup-codes-grid .backup-code{box-shadow:0 2px 4px #0000004d}.dark .profile .two-factor-content .two-factor-backup .backup-codes-container .backup-codes-grid .backup-code:hover{box-shadow:0 4px 8px #0006}.profile .two-factor-content .two-factor-backup .backup-codes-container .backup-warning{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:var(--border-radius-md);margin-bottom:2rem}.profile .two-factor-content .two-factor-backup .backup-codes-container .backup-warning .warning-icon{color:#f59e0b;font-size:1.6rem;margin-top:.2rem;flex-shrink:0}.profile .two-factor-content .two-factor-backup .backup-codes-container .backup-warning p{font-size:1.3rem;color:var(--color-text-primary);margin:0;line-height:1.5}.profile .two-factor-content .two-factor-backup .backup-codes-container .save-confirmation{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.profile .two-factor-content .two-factor-backup .backup-codes-container .save-confirmation input[type=checkbox]{width:auto;margin:0}.profile .two-factor-content .two-factor-backup .backup-codes-container .save-confirmation label{font-size:1.4rem;color:var(--color-text-primary);margin:0;cursor:pointer}.profile .two-factor-content .two-factor-backup .backup-actions{display:flex;justify-content:flex-start}.profile .two-factor-content .backup-codes-section{margin-top:3rem;padding:3rem;background:var(--color-background-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md)}.profile .two-factor-content .backup-codes-section .backup-header{text-align:center;margin-bottom:3rem}.profile .two-factor-content .backup-codes-section .backup-header .warning-icon{font-size:3rem;color:#f59e0b;margin-bottom:1rem}.profile .two-factor-content .backup-codes-section .backup-header h4{font-size:1.8rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem}.profile .two-factor-content .backup-codes-section .backup-header p{font-size:1.4rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.profile .two-factor-content .backup-codes-section .backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}@media (max-width: 768px){.profile .two-factor-content .backup-codes-section .backup-codes-grid{grid-template-columns:1fr;gap:1rem}}.profile .two-factor-content .backup-codes-section .backup-codes-grid .backup-code-item .backup-code{display:block;width:100%;font-family:Courier New,monospace;font-size:1.6rem;font-weight:700;color:var(--color-text-primary);background:var(--color-background-primary);border:2px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:1.5rem 1rem;text-align:center;letter-spacing:.2rem;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.profile .two-factor-content .backup-codes-section .backup-codes-grid .backup-code-item .backup-code:hover{border-color:var(--color-primary);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.profile .two-factor-content .backup-codes-section .backup-actions{text-align:center}.notifications-page{padding:2rem;max-width:800px}.notifications-page h2{margin-bottom:1.5rem;color:var(--text-primary)}.notifications-page .loading-state{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--text-secondary)}.notifications-page .loading-state svg{font-size:1.25rem}.notifications-page .notification-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.notifications-page .notification-tabs .tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.notifications-page .notification-tabs .tab-button:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.notifications-page .notification-tabs .tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.notifications-page .notification-tabs .tab-button svg{font-size:1rem}.notifications-page .notification-preferences .notification-legend{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.notifications-page .notification-preferences .notification-legend h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.notifications-page .notification-preferences .notification-legend .legend-items{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.notifications-page .notification-preferences .notification-legend .legend-items .legend-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.notifications-page .notification-preferences .notification-legend .legend-items .legend-item svg{font-size:1rem;color:var(--color-primary)}.notifications-page .notification-preferences .notification-category{margin-bottom:2.5rem}.notifications-page .notification-preferences .notification-category:last-child{margin-bottom:0}.notifications-page .notification-preferences .notification-category .category-header{margin-bottom:1rem}.notifications-page .notification-preferences .notification-category .category-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px}.notifications-page .notification-preferences .notification-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.notifications-page .notification-preferences .notification-table .notification-row{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-normal)}.notifications-page .notification-preferences .notification-table .notification-row:last-child{border-bottom:none}.notifications-page .notification-preferences .notification-table .notification-row:hover{background:var(--bg-secondary)}.notifications-page .notification-preferences .notification-table .notification-row .notification-info{flex:1;min-width:0}.notifications-page .notification-preferences .notification-table .notification-row .notification-info .notification-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.notifications-page .notification-preferences .notification-table .notification-row .notification-info .notification-title h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;line-height:1.3}.notifications-page .notification-preferences .notification-table .notification-row .notification-info .notification-title .saving-icon{color:var(--color-primary);font-size:.875rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notifications-page .notification-preferences .notification-table .notification-row .notification-info .notification-description{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.4}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels{display:flex;gap:.5rem;flex-shrink:0}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-normal)}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button.enabled{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button.enabled svg{color:#fff}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button.enabled:hover{background:var(--color-primary);opacity:.9}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button.disabled{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-tertiary)}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button.disabled svg{color:var(--text-tertiary);opacity:.5}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button.disabled:hover{border-color:var(--color-primary);color:var(--color-primary)}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button.disabled:hover svg{color:var(--color-primary);opacity:1}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button:disabled{cursor:not-allowed;opacity:.6}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button:disabled:hover{transform:none;box-shadow:none}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button svg{font-size:1rem;transition:all var(--transition-normal)}.notifications-page .notification-preferences .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.notifications-page .notification-preferences .empty-state svg{font-size:2rem;margin-bottom:1rem;opacity:.6}.notifications-page .notification-preferences .empty-state p{margin:0;font-size:1rem}.notifications-page .notification-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.notifications-page .notification-card .status-row{margin-bottom:1.5rem}.notifications-page .notification-card .status-row .status-info{display:flex;align-items:center;gap:.75rem}.notifications-page .notification-card .status-row .status-info .status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.notifications-page .notification-card .status-row .status-info span{color:var(--text-primary);font-weight:500}.notifications-page .notification-card .actions-row{display:flex;gap:1rem;flex-wrap:wrap}.notifications-page .notification-card .actions-row .btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.notifications-page .notification-card .actions-row .btn:disabled{opacity:.6;cursor:not-allowed}.notifications-page .notification-card .actions-row .btn.btn-primary{background:var(--primary-color);color:#fff}.notifications-page .notification-card .actions-row .btn.btn-primary:hover:not(:disabled){opacity:.9}.notifications-page .notification-card .actions-row .btn.btn-secondary{background:#6c757d;color:#fff}.notifications-page .notification-card .actions-row .btn.btn-secondary:hover:not(:disabled){opacity:.9}.notifications-page .notification-card .actions-row .btn.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.notifications-page .notification-card .actions-row .btn.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.notifications-page .notification-card .actions-row .help-text{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.notifications-page .notification-card .actions-row .help-text svg{font-size:1rem;flex-shrink:0}@media (max-width: 767px){.notifications-page{padding:1rem;max-width:100%}.notifications-page .notification-tabs .tab-button{padding:.75rem 1rem;font-size:.875rem}.notifications-page .notification-tabs .tab-button svg{font-size:.875rem}.notifications-page .notification-card .actions-row{flex-direction:column}.notifications-page .notification-card .actions-row .btn{width:100%;justify-content:center}.notifications-page .notification-preferences .notification-legend{padding:1rem}.notifications-page .notification-preferences .notification-legend h3{font-size:1rem}.notifications-page .notification-preferences .notification-legend .legend-items{gap:1rem}.notifications-page .notification-preferences .notification-legend .legend-items .legend-item{font-size:.8rem}.notifications-page .notification-preferences .notification-legend .legend-items .legend-item svg{font-size:.9rem}.notifications-page .notification-preferences .notification-category{margin-bottom:2rem}.notifications-page .notification-preferences .notification-category .category-header h3{font-size:1.125rem}.notifications-page .notification-preferences .notification-table .notification-row{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.notifications-page .notification-preferences .notification-table .notification-row .notification-info .notification-title h4{font-size:.95rem}.notifications-page .notification-preferences .notification-table .notification-row .notification-info .notification-description{font-size:.8rem}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels{justify-content:center;gap:1rem}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button{width:44px;height:44px}.notifications-page .notification-preferences .notification-table .notification-row .notification-channels .channel-button svg{font-size:1.1rem}}.notification-templates .templates-grid{display:grid;gap:3rem}.notification-templates .event-section{background:var(--background-secondary);border-radius:8px;padding:2rem;border:1px solid var(--border-color)}.notification-templates .event-section .event-title{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin-bottom:2rem;text-transform:capitalize;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.notification-templates .audience-section{display:grid;gap:1.5rem;grid-template-columns:200px 1fr;align-items:start}@media (max-width: 768px){.notification-templates .audience-section{grid-template-columns:1fr;gap:1rem}}.notification-templates .audience-section .audience-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;text-transform:capitalize;padding:.75rem 1rem;background:var(--background-tertiary);border-radius:6px;border-left:3px solid var(--color-blue);height:fit-content}.notification-templates .audience-section .channels-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 768px){.notification-templates .audience-section .channels-grid{grid-template-columns:1fr}}.notification-templates .template-card{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.notification-templates .template-card:last-child{margin-bottom:0}.notification-templates .template-card .template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.notification-templates .template-card .template-header .channel-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0;text-transform:capitalize}.notification-templates .template-card .template-header .template-badges{display:flex;gap:.75rem}.notification-templates .template-card .template-header .template-badges .badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.notification-templates .template-card .template-header .template-badges .badge.custom{background:var(--color-blue);color:#fff}.notification-templates .template-card .template-header .template-badges .badge.source{background:var(--color-grey-light);color:var(--color-grey-dark)}.notification-templates .template-card .template-content{margin-bottom:1.5rem}.notification-templates .template-card .template-content .template-field{margin-bottom:1.25rem}.notification-templates .template-card .template-content .template-field:last-child{margin-bottom:0}.notification-templates .template-card .template-content .template-field label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;text-transform:uppercase}.notification-templates .template-card .template-content .template-field .template-value{color:var(--text-primary)}.notification-templates .template-card .template-content .template-field .template-value.template-body{display:block;padding:1rem;background:var(--background-tertiary);border-radius:6px;font-family:monospace;font-size:.85rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;border-left:3px solid var(--color-blue);max-height:100px;overflow-y:auto}.notification-templates .template-card .template-content .template-field .template-value.template-variables{font-family:monospace;font-size:.8rem;color:var(--color-blue);background:var(--background-tertiary);padding:.5rem;border-radius:4px;display:inline-block}.notification-templates .template-card .template-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.notification-templates .template-card .template-actions .btn{padding:.5rem 1rem;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.notification-templates .template-card .template-actions .btn.btn-sm{padding:.375rem .75rem;font-size:.75rem}.notification-templates .template-card .template-actions .btn.btn-filled-blue{background:var(--color-blue);color:#fff}.notification-templates .template-card .template-actions .btn.btn-filled-blue:hover{background:var(--color-blue-dark)}.notification-templates .template-card .template-actions .btn.btn-filled-green{background:var(--color-green);color:#fff}.notification-templates .template-card .template-actions .btn.btn-filled-green:hover{background:var(--color-green-dark)}.notification-templates .template-card .template-actions .btn.btn-filled-red{background:var(--color-red);color:#fff}.notification-templates .template-card .template-actions .btn.btn-filled-red:hover{background:var(--color-red-dark)}.notification-templates .loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem;background:var(--background-secondary);border-radius:8px;border:1px solid var(--border-color)}.template-edit-modal .modal-body,.template-preview-modal .modal-body{max-height:70vh;overflow-y:auto}.template-edit-modal .template-form .form-content .form-section .config-input-group,.template-preview-modal .template-form .form-content .form-section .config-input-group{margin-bottom:1.5rem}.template-edit-modal .template-form .form-content .form-section .config-input-group:last-child,.template-preview-modal .template-form .form-content .form-section .config-input-group:last-child{margin-bottom:0}.template-edit-modal .template-form .form-content .form-section .config-input-group label,.template-preview-modal .template-form .form-content .form-section .config-input-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.template-edit-modal .template-form .form-content .form-section .config-input-group .config-input,.template-preview-modal .template-form .form-content .form-section .config-input-group .config-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;background:var(--background-primary);color:var(--text-primary);font-size:.9rem}.template-edit-modal .template-form .form-content .form-section .config-input-group .config-input:focus,.template-preview-modal .template-form .form-content .form-section .config-input-group .config-input:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 2px var(--color-blue-light)}.template-edit-modal .template-form .form-content .form-section .config-input-group .config-input[disabled],.template-preview-modal .template-form .form-content .form-section .config-input-group .config-input[disabled]{background:var(--background-tertiary);color:var(--text-secondary);cursor:not-allowed}.template-edit-modal .template-form .form-content .form-section .config-input-group textarea.config-input,.template-preview-modal .template-form .form-content .form-section .config-input-group textarea.config-input{resize:vertical;min-height:120px;font-family:monospace}.template-edit-modal .template-form .form-content .form-section .config-input-group .field-help,.template-preview-modal .template-form .form-content .form-section .config-input-group .field-help{display:block;margin-top:.25rem;font-size:.8rem;color:var(--text-secondary)}.template-edit-modal .preview-content .preview-field,.template-preview-modal .preview-content .preview-field{margin-bottom:1.5rem}.template-edit-modal .preview-content .preview-field:last-child,.template-preview-modal .preview-content .preview-field:last-child{margin-bottom:0}.template-edit-modal .preview-content .preview-field label,.template-preview-modal .preview-content .preview-field label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.template-edit-modal .preview-content .preview-field .preview-value,.template-preview-modal .preview-content .preview-field .preview-value{color:var(--text-primary)}.template-edit-modal .preview-content .preview-field .preview-value.preview-body,.template-preview-modal .preview-content .preview-field .preview-value.preview-body{padding:1rem;background:var(--background-tertiary);border-radius:4px;font-family:monospace;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.template-edit-modal .preview-content .preview-field .preview-value .variables-list,.template-preview-modal .preview-content .preview-field .preview-value .variables-list{display:flex;flex-wrap:wrap;gap:.5rem}.template-edit-modal .preview-content .preview-field .preview-value .variables-list .variable-tag,.template-preview-modal .preview-content .preview-field .preview-value .variables-list .variable-tag{padding:.25rem .5rem;background:var(--color-blue-light);color:var(--color-blue-dark);border-radius:4px;font-family:monospace;font-size:.8rem}.template-edit-modal .preview-content .preview-field .preview-value .badge,.template-preview-modal .preview-content .preview-field .preview-value .badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.template-edit-modal .preview-content .preview-field .preview-value .badge.custom,.template-preview-modal .preview-content .preview-field .preview-value .badge.custom{background:var(--color-blue-light);color:var(--color-blue-dark)}.template-edit-modal .preview-content .preview-field .preview-value .badge.static,.template-preview-modal .preview-content .preview-field .preview-value .badge.static{background:var(--color-grey-light);color:var(--color-grey-dark)}.field-with-variables{display:flex;flex-direction:column;gap:1rem}.field-with-variables .variable-picker{width:100%;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.field-with-variables .variable-picker:hover{background:rgba(255,255,255,.05);border-color:#ffffff1f;box-shadow:0 8px 32px #10b9811a}.field-with-variables .variable-picker .variable-picker-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.field-with-variables .variable-picker .variable-picker-content .variable-picker-header{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.field-with-variables .variable-picker .variable-picker-content .variable-picker-header .svg-inline--fa{color:#10b981;font-size:1rem}.field-with-variables .variable-picker .variable-picker-content .variable-picker-header span{font-weight:600;color:#e2e8f0;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:8px;color:#10b981;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;white-space:nowrap}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-button:hover:not(:disabled){background:rgba(16,185,129,.15);border-color:#10b9814d;color:#34d399;transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #10b98126}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-button .svg-inline--fa{font-size:.75rem;opacity:.8}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-button span{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-picker-empty{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.85rem;font-style:italic}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-picker-empty .svg-inline--fa{font-size:.9rem;opacity:.7}@media (max-width: 768px){.field-with-variables .variable-picker .variable-picker-content{flex-direction:column;align-items:flex-start;gap:.75rem}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list{flex-direction:column;width:100%}.field-with-variables .variable-picker .variable-picker-content .variable-picker-list .variable-button{width:100%}}.animated-content{transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}