:root{--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-3xl:4rem;--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--transition-fast:200ms cubic-bezier(0.4,0,0.2,1);--min-touch-target:44px}html{font-size:16px}body{line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.3}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6,p{font-size:1rem;font-size:var(--font-size-base)}code{padding:.25em .5em}@media (min-width:768px){:root{--spacing-xs:0.5rem;--spacing-sm:0.75rem;--spacing-md:1.25rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-2xl:4rem;--spacing-3xl:5rem}}@media (min-width:1024px){:root{--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-lg:1.375rem;--font-size-xl:1.75rem;--font-size-2xl:2.125rem;--font-size-3xl:2.625rem;--font-size-4xl:3.5rem}}::-webkit-scrollbar{height:12px;width:12px}:focus{outline:3px solid #2563eb;outline:3px solid var(--primary-color)}a,button,input[type=button],input[type=reset],input[type=submit]{min-height:44px;min-height:var(--min-touch-target);min-width:44px;min-width:var(--min-touch-target)}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#dbeafe;--secondary-color:#64748b;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#06b6d4;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-white:#fff;--bg-secondary:#f8fafc;--bg-muted:#f1f5f9;--bg-dark:#0f172a;--border-color:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--font-size-4xl:2.25rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-size:var(--font-size-base);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}h4{font-size:1.125rem;font-size:var(--font-size-lg)}h5{font-size:1rem;font-size:var(--font-size-base)}h6{font-size:.875rem;font-size:var(--font-size-sm)}p{color:#64748b;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#2563eb;color:var(--primary-color);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#1d4ed8;color:var(--primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-left:1.5rem;padding-left:var(--spacing-lg)}li{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}img{height:auto;max-width:100%}code{background-color:#f1f5f9;background-color:var(--bg-muted);border-radius:.25rem;border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:.2em .4em}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#1e293b;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-white{color:#fff;color:var(--text-white)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f8fafc;background-color:var(--bg-secondary)}.bg-muted{background-color:#f1f5f9;background-color:var(--bg-muted)}@media (max-width:768px){:root{--font-size-3xl:1.5rem;--font-size-2xl:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem}body{font-size:.875rem;font-size:var(--font-size-sm)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-muted)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-hover);border-radius:.375rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}:focus{outline:2px solid #2563eb;outline:2px solid var(--primary-color);outline-offset:2px}.fade-in{animation:fadeIn .3s ease-in-out}.scale-in{animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.App,.auth-container{display:flex;flex-direction:column;min-height:100vh}.auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-light) 0,var(--bg-secondary) 100%);justify-content:center;padding:var(--spacing-lg)}.auth-header{margin-bottom:var(--spacing-2xl);text-align:center}.auth-header h1{color:var(--primary-color);font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:400px}.auth-toggle{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-xl);padding:var(--spacing-xs)}.auth-toggle button{background:none;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-weight:500;min-width:120px;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.auth-toggle button.active{background:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--text-white)}.auth-toggle button:hover:not(.active){background:var(--bg-muted);color:var(--text-primary)}.auth-form{max-width:400px;width:100%}.app-loading{align-items:center;background:var(--bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:100vh}.app-loading p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}@media (max-width:768px){.auth-container{padding:var(--spacing-md)}.auth-header h1{font-size:var(--font-size-3xl)}.auth-header p{font-size:var(--font-size-base)}.auth-toggle{max-width:300px;width:100%}.auth-toggle button{flex:1 1;min-width:0;min-width:auto}}@media (max-width:480px){.auth-container{padding:var(--spacing-sm)}.auth-header{margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:var(--font-size-2xl)}}.btn-small{min-height:40px}.btn-large{min-height:56px}.form-label{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.form-input{border-radius:var(--radius-lg);line-height:1.5;min-height:var(--min-touch-target);padding:var(--spacing-md)}.form-textarea{line-height:1.6}.form-select{border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);min-height:var(--min-touch-target);padding:var(--spacing-md)}.form-error{font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center}.spinner{display:inline-block;position:relative}.spinner-small{height:24px;width:24px}.spinner-medium{height:40px;width:40px}.spinner-large{height:64px;width:64px}.spinner-ring{animation:spin 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--primary-color);position:absolute}.spinner-small .spinner-ring{border-width:2px;height:24px;width:24px}.spinner-medium .spinner-ring{border-width:3px;height:40px;width:40px}.spinner-large .spinner-ring{border-width:4px;height:64px;width:64px}.spinner-ring:nth-child(2){animation-delay:.1s;border-top-color:var(--primary-hover)}.spinner-ring:nth-child(3){animation-delay:.2s;border-top-color:var(--primary-light)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.modal{animation:scaleIn .2s ease-out;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;position:relative;width:100%}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:800px}.modal-extra-large{max-width:1200px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-close-button{background:none;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-sm);transition:all var(--transition-fast)}.modal-close-button:hover{background:var(--bg-muted);color:var(--text-secondary)}.modal-content{padding:var(--spacing-lg)}.notification{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:400px;opacity:0;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease-out;z-index:1100}.notification.visible{opacity:1;transform:translateX(0)}.notification.hidden{opacity:0;transform:translateX(100%)}.notification-content{align-items:center;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.notification-icon{flex-shrink:0;font-size:var(--font-size-lg)}.notification-message{flex:1 1;font-weight:500}.notification-close{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:var(--spacing-xs);transition:background-color var(--transition-fast)}.notification-success{background:var(--success-color);color:#fff}.notification-success .notification-close:hover{background:#fff3}.notification-error{background:var(--error-color);color:#fff}.notification-error .notification-close:hover{background:#fff3}.notification-warning{background:var(--warning-color);color:#fff}.notification-warning .notification-close:hover{background:#fff3}.notification-info{background:var(--info-color);color:#fff}.notification-info .notification-close:hover{background:#fff3}.btn{font-size:var(--font-size-sm);gap:var(--spacing-xs);line-height:1.5;min-height:38px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.btn-secondary{background:var(--bg-muted);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{border:1px solid var(--primary-color)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-small{font-size:var(--font-size-xs);min-height:32px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-large{font-size:var(--font-size-base);min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.btn-full-width{width:100%}.form-group{margin-bottom:var(--spacing-md)}.form-input{border:1px solid var(--border-color);font-size:var(--font-size-sm);padding:var(--spacing-sm);transition:border-color var(--transition-fast)}.form-textarea{min-height:100px}.form-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--spacing-sm);width:100%}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.card-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}@media (max-width:768px){.modal{margin:var(--spacing-sm);max-height:calc(100vh - var(--spacing-sm)*2)}.modal-content,.modal-header{padding:var(--spacing-md)}.notification{left:10px;max-width:none;right:10px;top:10px}}.auth-form-container{margin:0 auto;max-width:400px;width:100%}.auth-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.form-row{grid-gap:var(--spacing-md);gap:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:500}.form-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-size:var(--font-size-base);min-height:48px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error:before{content:"⚠";font-size:var(--font-size-sm)}.auth-form .btn{font-size:var(--font-size-base);font-weight:600;margin-top:var(--spacing-md)}.auth-form .btn-large{min-height:52px;padding:var(--spacing-md) var(--spacing-lg)}.auth-form .btn:disabled{cursor:not-allowed;opacity:.7}.form-input:valid{border-color:var(--success-color)}.form-input:invalid:not(:focus):not(:placeholder-shown){border-color:var(--error-color)}@media (max-width:768px){.auth-form-container{max-width:100%;padding:0 var(--spacing-sm)}.auth-form{padding:var(--spacing-lg)}.form-row{gap:0;grid-template-columns:1fr}.form-input{font-size:var(--font-size-sm);min-height:44px;padding:var(--spacing-sm)}.auth-form .btn-large{min-height:48px;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.auth-form{border-radius:var(--radius-lg);padding:var(--spacing-md)}.form-input{min-height:42px}.auth-form .btn-large{min-height:44px}}.form-input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.form-input::placeholder{color:var(--text-muted);opacity:.7}.form-label:after{color:var(--error-color);content:" *"}.form-label:not([for$=firstName]):not([for$=lastName]):after{display:inline}.form-label[for$=firstName]:after,.form-label[for$=lastName]:after{display:none}.layout{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:var(--spacing-md) var(--spacing-lg)}.brand-title,.header-brand,.header-content{align-items:center;display:flex}.brand-title{font-size:var(--font-size-xl);font-weight:700;gap:var(--spacing-sm);margin:0}.brand-icon,.brand-title{color:var(--primary-color)}.brand-icon{font-size:var(--font-size-2xl)}.header-nav{gap:var(--spacing-sm)}.header-nav,.nav-item{align-items:center;display:flex}.nav-item{background:none;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:var(--bg-muted);color:var(--text-primary)}.nav-item.active{background:var(--primary-light);color:var(--primary-color)}.nav-label{font-size:var(--font-size-sm)}.header-user{align-items:center;display:flex}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:background-color var(--transition-fast)}.user-menu-trigger:hover{background:var(--bg-muted)}.user-avatar{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary-color);display:flex;font-size:var(--font-size-sm);height:36px;justify-content:center;width:36px}.user-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.menu-arrow,.user-email{color:var(--text-muted);font-size:var(--font-size-xs)}.menu-arrow{transition:transform var(--transition-fast)}.menu-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{animation:slideIn .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:240px;position:absolute;right:0;top:100%;z-index:1000}.user-menu-header{padding:var(--spacing-md)}.user-details strong{color:var(--text-primary);display:block;font-weight:600;margin-bottom:var(--spacing-xs)}.user-details small{color:var(--text-muted);font-size:var(--font-size-xs)}.user-menu-divider{background:var(--border-color);height:1px;margin:0}.user-menu-items{padding:var(--spacing-sm) 0}.user-menu-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.user-menu-item:hover{background:var(--bg-muted);color:var(--text-primary)}.user-menu-item.danger{color:var(--error-color)}.user-menu-item.danger:hover{background:#ef44441a;color:var(--error-color)}.layout-body{display:flex;flex:1 1;position:relative}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-color);height:calc(100vh - 73px);left:-280px;overflow-y:auto;position:fixed;top:73px;transition:left var(--transition-normal);width:280px;z-index:200}.sidebar.open{left:0}.sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:150}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg)}.sidebar-header{justify-content:space-between;margin-bottom:var(--spacing-lg)}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:700;gap:var(--spacing-sm)}.sidebar-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.sidebar-close:hover{background:var(--bg-muted);color:var(--text-primary)}.sidebar-nav{margin-bottom:var(--spacing-xl)}.nav-list{list-style:none;margin:0;padding:0}.nav-item-container{margin-bottom:var(--spacing-xs)}.sidebar .nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md);position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.sidebar .nav-item:hover{background:var(--bg-muted);color:var(--text-primary)}.sidebar .nav-item.active{background:var(--primary-light);color:var(--primary-color)}.nav-icon{font-size:var(--font-size-base);text-align:center;width:20px}.nav-text{flex:1 1;font-size:var(--font-size-sm)}.nav-badge{background:var(--primary-color);border-radius:12px;color:#fff;font-size:var(--font-size-xs);min-width:20px;padding:2px 8px;text-align:center}.sidebar-stats{margin-bottom:var(--spacing-lg);margin-top:auto}.stats-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.stats-loading{align-items:center;color:var(--text-muted);font-size:var(--font-size-sm)}.stats-grid,.stats-loading{display:flex;gap:var(--spacing-sm)}.stats-grid{flex-direction:column}.stat-item{border-radius:var(--radius-md);gap:var(--spacing-sm);padding:var(--spacing-sm)}.stat-item.primary{background:var(--primary-light);color:var(--primary-color)}.stat-item.success{background:#10b9811a;color:var(--success-color)}.stat-item.info{background:#06b6d41a;color:var(--info-color)}.stat-icon{text-align:center;width:24px}.stat-icon,.stat-value{font-size:var(--font-size-base)}.stat-label{color:inherit;opacity:.8}.stat-label,.view-full-stats{font-size:var(--font-size-xs)}.view-full-stats{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-sm);transition:background-color var(--transition-fast);width:100%}.view-full-stats:hover{background:var(--primary-hover)}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding-top:var(--spacing-md)}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-content small{color:var(--text-muted);font-size:var(--font-size-xs)}.footer-links{display:flex;gap:var(--spacing-xs)}.footer-link{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.footer-link:hover{background:var(--bg-muted);color:var(--text-primary)}.main-content{flex:1 1;padding:0;transition:margin-left var(--transition-normal)}.main-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:73px;z-index:50}.mobile-menu-toggle{align-items:center;background:var(--bg-muted);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.mobile-menu-toggle:hover{background:var(--border-color);color:var(--text-primary)}.breadcrumb{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.breadcrumb,.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.content-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg);width:100%}@media (min-width:768px){.mobile-menu-toggle{display:none}.header-nav,.user-info{display:flex}.sidebar{height:calc(100vh - 73px);left:0;position:relative;top:0}.sidebar-overlay{display:none}.main-content{margin-left:280px}}@media (max-width:767px){.header-content{padding:var(--spacing-sm) var(--spacing-md)}.brand-title{font-size:var(--font-size-lg)}.header-nav,.user-info{display:none}.user-menu-trigger{padding:var(--spacing-xs)}.content-container,.main-header{padding:var(--spacing-md)}.sidebar{left:-100%;width:100%}.sidebar.open{left:0}}@media (max-width:480px){.header-content{padding:var(--spacing-sm)}.brand-title{font-size:var(--font-size-base)}.brand-title .brand-icon{font-size:var(--font-size-lg)}.content-container,.main-header{padding:var(--spacing-sm)}.sidebar-content{padding:var(--spacing-md)}}.mobile-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:73px;z-index:150}:root{--primary-color:#4285f4;--primary-hover:#3367d6;--primary-light:#8ab4f8;--secondary-color:#34a853;--error-color:#ea4335;--warning-color:#fbbc05;--info-color:#4285f4;--success-color:#34a853;--dark-color:#202124;--light-color:#f8f9fa;--muted-color:#5f6368;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-muted:#e8f0fe;--bg-dark:#202124;--text-primary:#202124;--text-secondary:#5f6368;--text-light:#fff;--text-muted:#9aa0a6;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--border-color:#dadce0;--border-light:#e8eaed;--border-dark:#5f6368;--shadow-sm:0 1px 2px 0 #3c40434d;--shadow-md:0 2px 6px 2px #3c404326;--shadow-lg:0 4px 8px 3px #3c404326;--transition-fast:0.2s ease;--transition-smooth:0.3s ease}.email-generator{margin:0 auto;max-width:1200px;padding:0}.generator-header{background:linear-gradient(135deg,#8ab4f8,#fff);background:linear-gradient(135deg,var(--primary-light) 0,var(--bg-primary) 100%);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-xl);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.generator-title{align-items:center;color:#4285f4;color:var(--primary-color);display:flex;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.generator-description{color:#5f6368;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px}.generator-content{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-xl)}.generator-form-section{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 6px 2px #3c404326;box-shadow:var(--shadow-md)}.email-form-container{padding:2rem;padding:var(--spacing-xl)}.form-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.form-title{align-items:center;color:#202124;color:var(--text-primary);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-description{color:#5f6368;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0 auto;max-width:500px}.email-form{display:flex;flex-direction:column}.email-form,.form-row{gap:1.5rem;gap:var(--spacing-lg)}.form-row{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-label{color:#202124;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--bg-primary);border:2px solid #dadce0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);color:#202124;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);min-height:48px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4285f4;border-color:var(--primary-color);box-shadow:0 0 0 3px #8ab4f8;box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input.error{border-color:#ea4335;border-color:var(--error-color)}.form-textarea{font-family:inherit;line-height:1.5;min-height:120px;resize:vertical}.form-select{cursor:pointer}.form-error{color:#ea4335;color:var(--error-color)}.form-error,.form-hint{align-items:center;display:flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.form-hint{color:#9aa0a6;color:var(--text-muted)}.form-actions{border-top:1px solid #dadce0;border-top:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;padding-top:1.5rem;padding-top:var(--spacing-lg)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;min-width:120px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:.2s ease;transition:var(--transition-fast)}.btn-primary{background:#4285f4;background:var(--primary-color);color:#fff;color:var(--text-light)}.btn-primary:hover:not(:disabled){background:#3367d6;background:var(--primary-hover);box-shadow:0 2px 6px 2px #3c404326;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#f8f9fa;background:var(--bg-secondary);border:2px solid #dadce0;border:2px solid var(--border-color);color:#202124;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#e8f0fe;background:var(--bg-muted);border-color:#4285f4;border-color:var(--primary-color)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-outline{background:#0000;border:2px solid #4285f4;border:2px solid var(--primary-color);color:#4285f4;color:var(--primary-color)}.btn-outline:hover:not(:disabled){background:#4285f4;background:var(--primary-color);color:#fff;color:var(--text-light);transform:translateY(-1px)}.btn-small{font-size:.875rem;font-size:var(--font-size-sm);min-width:80px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-large{font-size:1.125rem;font-size:var(--font-size-lg);min-width:160px;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.generator-loading{align-items:center;background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 6px 2px #3c404326;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);padding:3rem;padding:var(--spacing-2xl);text-align:center}.loading-message{color:#5f6368;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);margin:0;max-width:400px}.generator-placeholder{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 6px 2px #3c404326;box-shadow:var(--shadow-md);padding:3rem;padding:var(--spacing-2xl);text-align:center}.placeholder-content{margin:0 auto;max-width:500px}.placeholder-icon{color:#4285f4;color:var(--primary-color);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.placeholder-content h3{color:#202124;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.placeholder-content p{color:#5f6368;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.placeholder-features{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin:0 auto;max-width:400px}.feature-item{align-items:center;color:#34a853;color:var(--success-color);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-sm)}.generator-results-section{animation:slideIn .3s ease-out}.email-replies{background:#fff;background:var(--bg-primary);border:1px solid #dadce0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 6px 2px #3c404326;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl)}.replies-header{align-items:flex-start;border-bottom:1px solid #dadce0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.replies-title-section{flex:1 1}.replies-title{align-items:center;color:#202124;color:var(--text-primary);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.email-summary-section{background:linear-gradient(135deg,#e3f2fd,#f8f9fa);border:2px solid #4285f4;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #4285f41a;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}.email-summary-section i{color:#4285f4;color:var(--info-color);flex-shrink:0;margin-top:2px}.email-summary-section p,.email-summary-section span,.summary-content{color:#202124;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:400;line-height:1.6;margin:0}.summary-content{word-wrap:break-word;background:#fffc;border-left:3px solid #4285f4;border-left:3px solid var(--primary-color);border-radius:8px;border-radius:var(--radius-md);max-height:none;padding:1rem;padding:var(--spacing-md)}.summary-content,.summary-content p{display:block;overflow:visible;white-space:normal}.summary-content p{-webkit-line-clamp:unset;line-clamp:none;-webkit-box-orient:unset;line-height:1.6;margin:0;padding:0;text-overflow:clip}.summary-header{display:flex!important;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);min-height:40px;visibility:visible;width:100%}.summary-header,.summary-title{align-items:center;gap:.5rem;gap:var(--spacing-sm)}.summary-title{color:#4285f4;color:var(--primary-color);display:flex;flex:1 1;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin:0}.summary-copy-btn{align-items:center;background:#4285f4;background:var(--primary-color);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-light);cursor:pointer;display:flex!important;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.25rem;gap:var(--spacing-xs);height:auto;min-width:70px;opacity:1!important;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:.2s ease;transition:var(--transition-fast);visibility:visible!important;white-space:nowrap}.summary-copy-btn:hover{background:#3367d6;background:var(--primary-hover);box-shadow:0 2px 8px #4285f44d;transform:translateY(-1px)}.summary-copy-btn i{font-size:.875rem;font-size:var(--font-size-sm);margin-right:.25rem;margin-right:var(--spacing-xs)}.read-more-btn{background:#0000!important;border:1px solid #4285f4!important;border:1px solid var(--primary-color)!important;border-radius:4px;border-radius:var(--radius-sm);color:#4285f4!important;color:var(--primary-color)!important;font-size:.75rem!important;font-size:var(--font-size-xs)!important;min-width:auto!important;padding:.25rem .5rem!important;padding:var(--spacing-xs) var(--spacing-sm)!important;transition:.2s ease;transition:var(--transition-fast)}.read-more-btn:hover{background:#4285f4!important;background:var(--primary-color)!important;color:#fff!important;color:var(--text-light)!important;transform:translateY(-1px)}.summary-text-collapsed{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.summary-text-collapsed,.summary-text-expanded{transition:all .3s ease;transition:all var(--transition-smooth)}.summary-text-expanded{animation:fadeIn .3s ease-out;display:block;overflow:visible}.replies-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.summary-card{background:linear-gradient(135deg,#e3f2fd,#f8f9fa)!important;border:2px solid #4285f4!important;border:2px solid var(--primary-color)!important;box-shadow:0 2px 12px #4285f426!important;margin-bottom:2rem;margin-bottom:var(--spacing-xl);position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.summary-card:hover{border-color:#3367d6!important;border-color:var(--primary-hover)!important;box-shadow:0 4px 16px #4285f440!important;transform:translateY(-2px)}.summary-card .reply-number{color:#4285f4;color:var(--primary-color);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700}.summary-card .reply-text{color:#202124;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:400;line-height:1.6}.summary-card .action-btn{background:#4285f41a;color:#4285f4;color:var(--primary-color)}.summary-card .action-btn:hover{background:#4285f4;background:var(--primary-color);color:#fff}.summary-collapsed{-webkit-line-clamp:3!important;line-clamp:3!important;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important;text-overflow:ellipsis!important}.summary-expanded{-webkit-line-clamp:unset!important;line-clamp:none!important;animation:fadeIn .3s ease-out;display:block!important;overflow:visible!important}.replies-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.reply-card{background:#f8f9fa;border:1px solid #dadce0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.reply-card:hover{border-color:#4285f4;box-shadow:0 2px 6px 2px #3c404326}.reply-header{justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.reply-header,.reply-number{align-items:center;display:flex}.reply-number{color:#4285f4;color:var(--primary-color);font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.25rem;gap:var(--spacing-xs);margin:0}.reply-actions{gap:.25rem}.action-btn{background:#e8f0fe;border-radius:8px;color:#9aa0a6;transition:all .2s ease}.action-btn:hover:not(:disabled){background:#4285f4}.reply-content{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.reply-text{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;color:#202124;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0;overflow:hidden}.reply-footer{align-items:center;border-top:1px solid #dadce0;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:.5rem;padding-top:var(--spacing-sm)}.reply-stats{gap:1rem;gap:var(--spacing-md)}.reply-chars,.reply-length{background:#e8f0fe;background:var(--bg-muted);border-radius:4px;border-radius:var(--radius-sm);color:#9aa0a6;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@media (max-width:768px){.generator-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.generator-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.generator-description{font-size:1rem;font-size:var(--font-size-base)}.email-form-container{padding:1.5rem;padding:var(--spacing-lg)}.form-row{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:.5rem;gap:var(--spacing-sm)}.form-actions .btn{width:100%}.replies-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.replies-actions{justify-content:flex-end;width:100%}.replies-grid{gap:1rem;gap:var(--spacing-md)}.placeholder-features,.replies-grid{grid-template-columns:1fr}}@media (max-width:480px){.email-form-container,.email-replies,.generator-header,.reply-card{padding:1rem;padding:var(--spacing-md)}.replies-actions{flex-direction:column;width:100%}}.saved-replies{margin:0 auto;max-width:1400px}.saved-replies-header{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.header-title-section h1.page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-3xl);font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.header-title-section .page-description{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.header-actions{display:flex;gap:var(--spacing-sm)}.saved-replies-content{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:300px 1fr}.replies-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.search-bar{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all var(--transition-fast)}.search-bar.focused{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);left:var(--spacing-md);position:absolute;z-index:1}.search-icon,.search-input{font-size:var(--font-size-base)}.search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 2.5rem;transition:all var(--transition-fast);width:100%}.search-input:focus{background:var(--bg-primary);border-color:var(--primary-color);outline:none}.search-clear{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);transition:all var(--transition-fast)}.search-clear:hover{background:var(--bg-muted);color:var(--text-primary)}.search-status{align-items:center;border-top:1px solid var(--border-color);color:var(--text-muted);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.filter-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-header{border-bottom:1px solid var(--border-color);padding:var(--spacing-lg)}.filter-toggle{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-sm);text-align:left;width:100%}.filter-badge{background:var(--primary-color);border-radius:12px;color:#fff;font-size:var(--font-size-xs);margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.filter-chevron{color:var(--text-muted);margin-left:auto;transition:transform var(--transition-fast)}.filter-chevron.expanded{transform:rotate(180deg)}.filter-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.filter-content.expanded{max-height:600px;padding:var(--spacing-lg)}.filter-section{margin-bottom:var(--spacing-lg)}.filter-section:last-child{margin-bottom:0}.filter-section-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm)}.filter-group{flex-direction:column}.filter-checkbox,.filter-group{display:flex;gap:var(--spacing-sm)}.filter-checkbox{align-items:center;cursor:pointer}.filter-checkbox input[type=checkbox]{display:none}.checkbox-custom{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:#0000;display:flex;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.filter-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.checkbox-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.filter-select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm)}.filter-select:focus{border-color:var(--primary-color);outline:none}.date-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.date-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:500}.filter-date-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm)}.filter-date-input:focus{border-color:var(--primary-color);outline:none}.filter-actions,.filter-summary{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.filter-summary{flex-direction:column}.filter-summary,.summary-item{display:flex;gap:var(--spacing-xs)}.summary-item{align-items:center;color:var(--text-muted);font-size:var(--font-size-xs)}.summary-item.active{color:var(--primary-color);font-weight:500}.replies-main{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-height:600px}.replies-view-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.view-info{align-items:center;display:flex;gap:var(--spacing-md)}.view-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.view-count{background:var(--bg-muted);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.replies-empty,.replies-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.replies-empty{padding:var(--spacing-2xl)}.empty-state{max-width:400px;text-align:center}.empty-icon{color:var(--text-muted);font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.replies-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:var(--spacing-lg)}.reply-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;transition:all var(--transition-fast)}.reply-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.reply-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.reply-meta{flex:1 1}.reply-subject{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-xs) 0}.reply-details{display:flex;gap:var(--spacing-md)}.reply-date,.reply-tone{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.reply-tone{background:var(--bg-muted);border-radius:var(--radius-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.reply-actions{display:flex;gap:var(--spacing-xs)}.action-btn{align-items:center;background:var(--bg-muted);border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.action-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.action-btn.favorited{background:var(--error-color);color:#fff}.action-btn.favorited:hover{background:#dc2626}.action-btn.danger:hover:not(:disabled){background:var(--error-color);color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.5}.reply-card-content{margin-bottom:var(--spacing-md)}.reply-summary{align-items:flex-start;background:var(--bg-muted);border-left:3px solid var(--info-color);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.reply-summary i{color:var(--info-color);flex-shrink:0;margin-top:2px}.reply-summary span{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.4}.reply-text p{color:var(--text-primary);line-height:1.6;margin:0}.reply-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:var(--spacing-sm)}.reply-stats{display:flex;gap:var(--spacing-sm)}.stat-item{background:var(--bg-muted);border-radius:var(--radius-sm);color:var(--text-muted);padding:var(--spacing-xs) var(--spacing-sm)}.favorite-indicator,.stat-item{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs)}.favorite-indicator{color:var(--error-color);font-weight:500}.replies-pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.pagination-info{color:var(--text-muted);font-size:var(--font-size-sm)}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-md)}.pagination-current{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.full-reply-modal{display:flex;flex-direction:column;gap:var(--spacing-lg)}.full-reply-meta{background:var(--bg-muted);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.meta-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-item label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-item span{color:var(--text-primary);font-size:var(--font-size-sm)}.tone-badge{background:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary-color);display:inline-block;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.full-reply-content,.full-reply-summary{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.full-reply-content h4,.full-reply-summary h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.reply-text-full{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:300px;overflow-y:auto;padding:var(--spacing-sm)}.reply-text-full p{color:var(--text-primary);line-height:1.7;margin:0;white-space:pre-wrap}.full-reply-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.delete-confirm-modal{text-align:center}.confirm-icon{color:var(--warning-color);font-size:3rem;margin-bottom:var(--spacing-lg)}.confirm-content h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.confirm-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-xl)}.confirm-actions{display:flex;gap:var(--spacing-md);justify-content:center}.statistics{margin:0 auto;max-width:1200px}.statistics-header{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.statistics-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.statistics-error,.statistics-loading{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;justify-content:center;min-height:400px}.error-content{max-width:400px;text-align:center}.error-content i{color:var(--warning-color);font-size:3rem;margin-bottom:var(--spacing-lg)}.error-content h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.error-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.stats-overview{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card.primary{border-left:4px solid var(--primary-color)}.stat-card.success{border-left:4px solid var(--success-color)}.stat-card.info{border-left:4px solid var(--info-color)}.stat-card.warning{border-left:4px solid var(--warning-color)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:48px;justify-content:center;width:48px}.stat-card.primary .stat-icon{background:var(--primary-light);color:var(--primary-color)}.stat-card.success .stat-icon{background:#10b9811a;color:var(--success-color)}.stat-card.info .stat-icon{background:#06b6d41a;color:var(--info-color)}.stat-card.warning .stat-icon{background:#f59e0b1a;color:var(--warning-color)}.stat-content{flex:1 1}.stat-value{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}.stat-label,.stat-value{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-base);font-weight:600}.stat-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.stats-details{display:flex;flex-direction:column;gap:var(--spacing-xl)}.stats-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-lg)}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.section-description{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.tone-distribution{display:flex;flex-direction:column;gap:var(--spacing-md)}.tone-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}.tone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.tone-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;text-transform:capitalize}.tone-stats{align-items:center;display:flex;gap:var(--spacing-sm)}.tone-count{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.tone-percentage{color:var(--text-muted);font-size:var(--font-size-sm)}.tone-bar{background:var(--bg-muted);height:8px;overflow:hidden;width:100%}.tone-bar,.tone-fill{border-radius:var(--radius-sm)}.tone-fill{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));height:100%;transition:width var(--transition-normal)}.subjects-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.subject-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:var(--spacing-md);padding:var(--spacing-md)}.subject-item,.subject-rank{align-items:center;display:flex}.subject-rank{background:var(--primary-light);border-radius:50%;color:var(--primary-color);flex-shrink:0;font-size:var(--font-size-sm);font-weight:700;height:32px;justify-content:center;width:32px}.subject-content{flex:1 1}.subject-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--spacing-xs)}.subject-stats{color:var(--text-muted);font-size:var(--font-size-sm)}.subject-count{background:var(--bg-muted);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.user-profile{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.profile-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.profile-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-item label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-item span{color:var(--text-primary);font-size:var(--font-size-base);font-weight:500}.no-data{padding:var(--spacing-xl);text-align:center}.no-data,.no-data i{color:var(--text-muted)}.no-data i{font-size:2rem;margin-bottom:var(--spacing-md)}.no-data p{font-size:var(--font-size-base);margin:0}@media (max-width:1200px){.saved-replies-content{grid-template-columns:280px 1fr}.replies-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:968px){.saved-replies-content{gap:var(--spacing-lg);grid-template-columns:1fr}.replies-sidebar{order:2}.replies-main{order:1}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.replies-grid{grid-template-columns:1fr}}@media (max-width:768px){.saved-replies-header,.statistics-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.header-actions{justify-content:flex-end;width:100%}.replies-view-header{gap:var(--spacing-sm)}.replies-view-header,.view-info{align-items:flex-start;flex-direction:column}.view-info{gap:var(--spacing-xs)}.replies-pagination{flex-direction:column;gap:var(--spacing-sm);text-align:center}.pagination-controls{justify-content:center}.confirm-actions,.full-reply-actions{flex-direction:column}.meta-grid,.profile-grid{grid-template-columns:1fr}}@media (max-width:480px){.saved-replies,.statistics{padding:0 var(--spacing-sm)}.replies-grid,.replies-main,.saved-replies-header,.statistics-header,.stats-section{padding:var(--spacing-md)}.replies-grid{gap:var(--spacing-md)}.reply-card{padding:var(--spacing-md)}.reply-card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.reply-actions{align-self:flex-end}}
/*# sourceMappingURL=main.40f5cbb7.css.map*/