:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-dark: #5a67d8;--primary-light: #7f9cf5;--accent-purple: #9333ea;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--bg-light: #ffffff;--bg-light-secondary: #f8fafc;--border-color: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(102,126,234,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(118,75,162,.1) 0px,transparent 50%);padding:var(--spacing-lg)}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);width:100%;max-width:450px;border:1px solid var(--border-color)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.logo h1{font-size:1.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-form h2{font-size:1.75rem;margin-bottom:var(--spacing-xs);text-align:center}.subtitle{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-normal)}.form-group input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #667eea33}.auth-footer{margin-top:var(--spacing-lg);text-align:center}.auth-footer p{color:var(--text-muted);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary:hover{background:var(--bg-secondary)}.dashboard-container{display:flex;height:100vh;background:var(--bg-primary)}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.logo-small{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-small span{font-size:1.125rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.875rem 1rem;margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);cursor:pointer}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.btn-logout{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:.875rem;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.btn-logout:hover{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.page-title h1{font-size:1.75rem;margin-bottom:.25rem}.page-title p{color:var(--text-secondary);font-size:.9rem}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:45px;height:45px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:var(--shadow-md)}.content-area{flex:1;padding:var(--spacing-lg);overflow-y:auto;background:var(--bg-primary)}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast{background:var(--bg-secondary);border-left:4px solid;padding:1rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:300px;animation:slideIn .3s ease}@media (max-width: 768px){.sidebar{position:fixed;left:-260px;height:100vh;z-index:1000;transition:left var(--transition-normal)}.sidebar.open{left:0}.top-bar{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.toast-container{right:var(--spacing-sm);left:var(--spacing-sm)}.toast{min-width:unset}}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:transform var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all var(--transition-normal)}.stat-card.green:before{background:var(--accent-green)}.stat-card.blue:before{background:var(--accent-blue)}.stat-card.orange:before{background:var(--accent-orange)}.stat-card.red:before{background:var(--accent-red)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.stat-icon{width:45px;height:45px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-change{font-size:.875rem;display:flex;align-items:center;gap:.25rem}.stat-change.positive{color:var(--accent-green)}.stat-change.negative{color:var(--accent-red)}.table-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.table-title{font-size:1.25rem;font-weight:600}.table-actions{display:flex;gap:var(--spacing-sm)}tbody tr:last-child{border-bottom:none}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-section{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.form-section-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.input-group{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.input-group input{padding-left:3rem}select{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-normal);cursor:pointer}select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #667eea33}textarea{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:100px;transition:all var(--transition-normal)}textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #667eea33}.checkbox-group{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.checkbox-group label{cursor:pointer;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-bottom:var(--spacing-sm)}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:9999px;transition:width var(--transition-slow)}.progress-fill.success{background:var(--accent-green)}.progress-fill.danger{background:var(--accent-red)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);opacity:.5}.empty-state h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-state p{margin-bottom:var(--spacing-lg)}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--spacing-sm)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg)}.pagination-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--primary-gradient);color:#fff;border-color:transparent}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary-gradient);color:#fff;border-color:transparent}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .4s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce .6s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation:rotate 1s linear infinite}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scaleIn .3s ease}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInLeft .4s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-right{animation:slideInRight .4s ease}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea80}50%{box-shadow:0 0 20px #667eeacc}}.glow{animation:glow 2s ease infinite}@keyframes progress{0%{width:0%}to{width:100%}}.progress-animate{animation:progress 2s ease}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:#ffffff4d;animation:ripple .6s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animate{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-card{height:200px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:blink 1s ease infinite}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-once{animation-iteration-count:1}.animate-infinite{animation-iteration-count:infinite}.animate-fast{animation-duration:.3s}.animate-slow{animation-duration:1s}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px)}.hover-grow{transition:transform var(--transition-normal)}.hover-grow:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px #667eea80}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-dark: #5a67d8;--primary-light: #7f9cf5;--accent-purple: #9333ea;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}#root{width:100%;height:100%}.app-container{display:flex;min-height:100vh;height:100%}#sidebar,.sidebar{height:100vh;position:sticky;top:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}#root{width:100%;height:100vh}.app-container{display:flex;height:100vh}.main-layout{display:flex;flex:1;overflow:hidden}.content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;padding:2rem;overflow-y:auto;background:var(--bg-primary)}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.sidebar-header{padding:1.7rem;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-bottom:.5rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-normal);cursor:pointer}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.page-header h1{font-size:1.75rem;margin-bottom:.25rem}.page-header p{color:var(--text-secondary);font-size:.9rem}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:45px;height:45px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--shadow-md)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.9375rem}.user-role{font-size:.8125rem;color:var(--text-secondary)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(102,126,234,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(118,75,162,.1) 0px,transparent 50%);padding:1.5rem}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:3rem;width:100%;max-width:450px;border:1px solid var(--border-color)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.auth-logo h1{font-size:1.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--text-secondary);font-size:.9rem}.auth-form h2{font-size:1.75rem;margin-bottom:.5rem;text-align:center}.subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary)}.btn-success{background:var(--accent-green);color:#fff}.btn-danger{background:var(--accent-red);color:#fff}.btn-warning{background:var(--accent-orange);color:#fff}.btn-info{background:var(--accent-blue);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:1.5rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.25rem;font-weight:600}.card-body{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all var(--transition-normal)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin:.5rem 0}.stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.table-container{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}table{width:100%;border-collapse:collapse}thead{background:var(--bg-tertiary)}th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-tertiary)}tbody tr.clickable-row{cursor:pointer}tbody tr.clickable-row:hover{background:var(--bg-tertiary);transform:translate(4px)}tbody tr.subdirectory-row{background:#33415580}tbody tr.subdirectory-row td{padding-left:3rem;font-size:.875rem;color:var(--text-muted)}td{padding:1rem;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#10b98133;color:var(--accent-green)}.badge-danger{background:#ef444433;color:var(--accent-red)}.badge-warning{background:#f59e0b33;color:var(--accent-orange)}.badge-info{background:#3b82f633;color:var(--accent-blue)}.badge-primary{background:#667eea33;color:var(--primary-light)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-normal);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #667eea33}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.checkbox-group{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.checkbox-group input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.checkbox-group label{cursor:pointer;color:var(--text-secondary);margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172af2;display:flex;align-items:center;justify-content:center;z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.5rem}.modal{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.5rem;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ae6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--primary-light);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:1rem;max-width:400px}.toast{background:var(--bg-secondary);border-left:4px solid;padding:1rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:300px;animation:slideIn .3s ease;display:flex;align-items:flex-start;gap:.75rem}.toast.success{border-color:var(--accent-green)}.toast.error{border-color:var(--accent-red)}.toast.warning{border-color:var(--accent-orange)}.toast.info{border-color:var(--accent-blue)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.toast-message{font-size:.875rem;color:var(--text-secondary)}.alert{padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;border-left:4px solid;display:flex;align-items:flex-start;gap:.75rem}.alert-success{background:#10b9811a;border-color:var(--accent-green);color:var(--accent-green)}.alert-error{background:#ef44441a;border-color:var(--accent-red);color:var(--accent-red)}.alert-warning{background:#f59e0b1a;border-color:var(--accent-orange);color:var(--accent-orange)}.alert-info{background:#3b82f61a;border-color:var(--accent-blue);color:var(--accent-blue)}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;opacity:.5}.empty-state h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.size-indicator{padding:1.5rem;border-radius:var(--radius-lg);margin:1.5rem 0;border:2px solid;text-align:center}.size-indicator.success{background:#10b9811a;border-color:var(--accent-green)}.size-indicator.error{background:#ef44441a;border-color:var(--accent-red)}.size-indicator h4{font-size:1.5rem;margin-bottom:.5rem}.error-text{color:var(--accent-red);font-weight:600;margin-top:.5rem}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.atlas-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all var(--transition-normal)}.atlas-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.atlas-card.selected{border-color:var(--primary-light);background:var(--bg-secondary);box-shadow:0 0 0 3px #667eea33}.space-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.space-bar{height:8px;background:var(--bg-primary);border-radius:9999px;overflow:hidden;margin:.75rem 0}.space-bar-fill{height:100%;background:var(--primary-gradient);transition:width var(--transition-normal)}.space-bar-fill.warning{background:var(--accent-orange)}.space-bar-fill.danger{background:var(--accent-red)}@media (max-width: 768px){.sidebar{position:fixed;left:-var(--sidebar-width);height:100vh;z-index:1000;transition:left var(--transition-normal)}.sidebar.open{left:0}.topbar{flex-direction:column;gap:1rem;align-items:flex-start}.page-content{padding:1rem}.stats-grid,.atlas-grid{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}