:root{--primary-color: #4F46E5;--primary-light: #EEF2FF;--secondary-color: #10B981;--danger-color: #EF4444;--warning-color: #F59E0B;--info-color: #3B82F6;--dark-color: #1F2937;--light-color: #F9FAFB;--gray-color: #6B7280;--gray-light: #E5E7EB;--border-radius: 8px;--box-shadow: 0 1px 3px rgba(0, 0, 0, .1);--box-shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--transition: all .3s ease}.dashboard-container{display:flex;min-height:100vh;background-color:#f9fafb;position:relative}.dashboard-header{position:fixed;top:0;left:0;right:0;height:70px;background-color:#fff;box-shadow:var(--box-shadow);display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:100}.header-left{display:flex;align-items:center;gap:20px}.sidebar-toggle{background:none;border:none;font-size:1.5rem;color:var(--gray-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius);transition:var(--transition)}.sidebar-toggle:hover{background-color:var(--gray-light);color:var(--dark-color)}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--gray-color);font-size:1rem}.search-input{padding:10px 10px 10px 40px;border:1px solid var(--gray-light);border-radius:var(--border-radius);width:300px;font-size:.95rem;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.header-right{display:flex;align-items:center;gap:15px}.header-action{position:relative}.icon-button{background:none;border:none;font-size:1.25rem;color:var(--gray-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;position:relative;transition:var(--transition)}.icon-button:hover{background-color:var(--gray-light);color:var(--dark-color)}.badge{position:absolute;top:-5px;right:-5px;background-color:var(--danger-color);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.user-profile{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:5px;border-radius:var(--border-radius);transition:var(--transition)}.user-profile:hover{background-color:var(--gray-light)}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-weight:600;font-size:.95rem;color:var(--dark-color)}.user-role{font-size:.8rem;color:var(--gray-color)}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);z-index:1000;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-menu{width:350px}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--gray-light)}.dropdown-header h3{margin:0;font-size:1.1rem;font-weight:600}.dropdown-content{max-height:400px;overflow-y:auto}.notification-item{padding:16px;border-bottom:1px solid var(--gray-light);transition:var(--transition)}.notification-item:hover{background-color:var(--light-color)}.notification-item.unread{background-color:var(--primary-light)}.notification-content h4{margin:0 0 5px;font-size:.95rem;font-weight:600}.notification-content p{margin:0 0 5px;font-size:.85rem;color:var(--gray-color)}.notification-time{font-size:.75rem;color:var(--gray-color)}.dropdown-footer{padding:12px 16px;text-align:center;border-top:1px solid var(--gray-light)}.view-all{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.9rem}.view-all:hover{text-decoration:underline}.user-menu{width:280px}.user-menu-header{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--gray-light)}.user-menu-avatar{width:50px;height:50px;border-radius:50%;background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:2rem}.user-menu-info h3{margin:0 0 5px;font-size:1.1rem}.user-menu-info p{margin:0;font-size:.85rem;color:var(--gray-color)}.dropdown-item{display:flex;align-items:center;padding:12px 16px;color:var(--dark-color);text-decoration:none;transition:var(--transition);position:relative}.dropdown-item:hover{background-color:var(--light-color);color:var(--primary-color)}.dropdown-item svg{margin-right:10px;color:var(--gray-color)}.dropdown-item:hover svg{color:var(--primary-color)}.dropdown-item .badge{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.dropdown-divider{height:1px;background-color:var(--gray-light);margin:8px 0}.dropdown-item.logout{color:var(--danger-color)}.dropdown-item.logout:hover{background-color:#ef44441a}.dashboard-sidebar{position:fixed;top:70px;left:0;bottom:0;width:250px;background-color:#fff;box-shadow:var(--box-shadow);transition:var(--transition);z-index:90;display:flex;flex-direction:column;overflow-y:auto}.dashboard-sidebar.collapsed{width:70px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 16px;border-bottom:1px solid var(--gray-light)}.sidebar-logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:1.5rem;color:var(--primary-color)}.logo-text{font-size:1.2rem;font-weight:700;color:var(--dark-color)}.sidebar-close{display:none;background:none;border:none;font-size:1.2rem;color:var(--gray-color);cursor:pointer;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;transition:var(--transition)}.sidebar-close:hover{background-color:var(--gray-light)}.sidebar-nav{flex:1;padding:16px 0}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:var(--gray-color);font-size:.95rem;cursor:pointer;transition:var(--transition);border-radius:0;position:relative;overflow:hidden}.nav-link:hover{background-color:var(--light-color);color:var(--primary-color)}.nav-link.active{background-color:var(--primary-light);color:var(--primary-color);border-right:3px solid var(--primary-color)}.nav-link.active .nav-icon{color:var(--primary-color)}.nav-icon{font-size:1.2rem;margin-right:12px;display:flex;align-items:center;justify-content:center;min-width:24px}.nav-label{flex:1;text-align:left}.nav-badge{background-color:var(--danger-color);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px}.sidebar-footer{padding:20px 16px;border-top:1px solid var(--gray-light)}.storage-info{margin-bottom:20px}.storage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem}.storage-bar{height:6px;background-color:var(--gray-light);border-radius:3px;overflow:hidden;margin-bottom:6px}.storage-progress{height:100%;background-color:var(--primary-color);border-radius:3px;transition:width .5s ease}.storage-text{font-size:.75rem;color:var(--gray-color);margin:0}.sidebar-help{display:flex;align-items:center;gap:10px;padding:10px;background-color:var(--light-color);border-radius:var(--border-radius);color:var(--gray-color);font-size:.9rem;transition:var(--transition);cursor:pointer}.sidebar-help:hover{background-color:var(--primary-light);color:var(--primary-color)}.dashboard-main{flex:1;margin-top:70px;margin-left:250px;transition:var(--transition);min-height:calc(100vh - 70px)}.dashboard-main.expanded{margin-left:70px}.main-content{padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title{font-size:1.8rem;font-weight:700;color:var(--dark-color);margin:0}.page-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--border-radius);font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-secondary{background-color:#fff;color:var(--dark-color);border:1px solid var(--gray-light)}.btn-secondary:hover{background-color:var(--light-color)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;transition:var(--transition)}.stat-card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-3px)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-trend{font-size:.85rem;font-weight:600}.trend-indicator{display:inline-flex;align-items:center;gap:4px}.trend-indicator.up{color:var(--secondary-color)}.trend-indicator.down{color:var(--danger-color)}.stat-body{margin-bottom:15px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--dark-color);margin:0 0 5px}.stat-title{font-size:.9rem;color:var(--gray-color);margin:0}.stat-footer{margin-top:15px}.progress-bar{height:6px;background-color:var(--gray-light);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.chart-container,.table-container{grid-column:span 2}.activity-container,.quick-actions-container{grid-column:span 1}.card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;height:100%}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--gray-light)}.card-title{font-size:1.2rem;font-weight:600;color:var(--dark-color);margin:0}.card-link{color:var(--primary-color);text-decoration:none;font-size:.9rem;font-weight:500}.card-link:hover{text-decoration:underline}.card-body{padding:20px}.chart-placeholder{display:flex;align-items:flex-end;justify-content:space-around;height:200px;margin-bottom:20px}.chart-bar{width:40px;background:linear-gradient(to top,var(--primary-color),#818CF8);border-radius:4px;transition:height .5s ease}.chart-labels{display:flex;justify-content:space-around;color:var(--gray-color);font-size:.85rem}.chart-select{padding:8px 12px;border-radius:var(--border-radius);border:1px solid var(--gray-light);background-color:#fff;color:var(--dark-color);font-size:.9rem;cursor:pointer}.chart-select:focus{outline:none;border-color:var(--primary-color)}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--gray-light)}.activity-item:last-child{border-bottom:none}.activity-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;margin-right:12px;flex-shrink:0}.activity-content{flex:1}.activity-content p{margin:0 0 4px;font-size:.95rem}.activity-time{font-size:.8rem;color:var(--gray-color)}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--light-color)}.data-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--dark-color);font-size:.9rem;border-bottom:1px solid var(--gray-light)}.data-table td{padding:16px;border-bottom:1px solid var(--gray-light);color:var(--dark-color);font-size:.9rem}.data-table tr:hover{background-color:var(--light-color)}.order-link{color:var(--primary-color);text-decoration:none;font-weight:500}.order-link:hover{text-decoration:underline}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.status-completed{background-color:#10b9811a;color:var(--secondary-color)}.status-pending{background-color:#f59e0b1a;color:var(--warning-color)}.status-cancelled{background-color:#ef44441a;color:var(--danger-color)}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 10px;background-color:var(--light-color);border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);color:var(--dark-color)}.quick-action:hover{background-color:var(--primary-light);color:var(--primary-color);transform:translateY(-3px)}.quick-action svg{font-size:1.5rem;margin-bottom:10px}.quick-action span{font-size:.85rem;font-weight:500}.dashboard-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--gray-light);color:var(--gray-color);font-size:.85rem}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--gray-color);text-decoration:none}.footer-links a:hover{color:var(--primary-color)}.sidebar-overlay{position:fixed;inset:70px 0 0;background-color:#00000080;z-index:80;display:none}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.chart-container,.table-container,.activity-container,.quick-actions-container{grid-column:span 1}}@media(max-width:992px){.search-input{width:200px}.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.mobile-open{transform:translate(0)}.dashboard-sidebar.open,.dashboard-sidebar.collapsed{transform:translate(-100%)}.dashboard-main,.dashboard-main.expanded{margin-left:0}.sidebar-overlay{display:block}.sidebar-close{display:flex}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-header{padding:0 16px}.search-container,.user-info{display:none}.notification-menu{width:300px;right:-50px}.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-actions{width:100%;justify-content:flex-start}.footer-links{flex-wrap:wrap;gap:10px}}@media(max-width:480px){.main-content{padding:16px}.notification-menu{width:280px;right:-80px}.user-menu{width:250px;right:-50px}.quick-actions-grid{grid-template-columns:1fr}.dashboard-footer{flex-direction:column;gap:10px;align-items:flex-start}}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#6a11cb,#2575fc);padding:20px}.login-card{width:100%;max-width:440px;background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;animation:fadeIn .5s ease-out}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:28px;font-weight:700;color:#2d3436;margin-bottom:8px}.login-subtitle{font-size:16px;color:#636e72}.login-form{display:flex;flex-direction:column;gap:20px}.password-label-container{display:flex;justify-content:space-between;align-items:center}.forgot-password-btn{background:none;border:none;font-size:14px;color:#6c5ce7;cursor:pointer;transition:color .2s}.forgot-password-btn:hover{color:#5a4fcf;text-decoration:underline}.form-input{padding:14px 16px;border:2px solid #dfe6e9;border-radius:8px;font-size:16px;transition:all .2s;outline:none}.form-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.remember-me-container{margin-top:5px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#636e72;-webkit-user-select:none;user-select:none}.checkbox-custom{display:inline-block;width:18px;height:18px;border:2px solid #b2bec3;border-radius:4px;margin-right:10px;position:relative;transition:all .2s}.checkbox-input:checked+.checkbox-custom{background-color:#6c5ce7;border-color:#6c5ce7}.login-button{padding:16px;background:linear-gradient(135deg,#6c5ce7,#5a4fcf);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#5a4fcf,#4a42b8);transform:translateY(-2px);box-shadow:0 8px 16px #6c5ce74d}.login-button:disabled{opacity:.6;cursor:not-allowed}.social-login-container{display:flex;flex-direction:column;gap:12px}.social-button{display:flex;align-items:center;justify-content:center;padding:14px;border:2px solid #dfe6e9;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;background-color:#fff}.google-button:hover,.github-button:hover{background-color:#f8f9fa;border-color:#dadce0}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;margin-right:12px;font-weight:700;font-size:14px}.signup-link{text-align:center;margin-top:20px;font-size:15px;color:#636e72}.signup-link-text{color:#6c5ce7;font-weight:600;text-decoration:none}.signup-link-text:hover{text-decoration:underline}.login-footer{margin-top:40px;text-align:center;color:#fffc;font-size:14px}.footer-links a{color:#fffc;text-decoration:none}@media(max-width:480px){.login-card{padding:30px 24px}.social-login-container{flex-direction:column}.footer-links{flex-direction:column;gap:10px}}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.register-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#11998e,#38ef7d);padding:20px;overflow-y:auto}.register-card{width:100%;max-width:500px;background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;animation:fadeIn .5s ease-out;margin:20px 0}.register-header{text-align:center;margin-bottom:32px}.register-title{font-size:28px;font-weight:700;color:#2d3436;margin-bottom:8px}.register-subtitle{font-size:16px;color:#636e72}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-label{font-size:14px;font-weight:600;color:#2d3436;margin-bottom:8px}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;color:#636e72;padding:4px}.password-toggle:hover{color:#2d3436}.form-input{width:100%;padding:14px 16px;border:2px solid #dfe6e9;border-radius:8px;font-size:16px;transition:all .2s;outline:none}.form-input:focus{border-color:#11998e;box-shadow:0 0 0 3px #11998e1a}.input-error{border-color:#e74c3c}.input-error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.password-strength-container{margin-top:10px}.password-strength-bar{height:6px;background-color:#dfe6e9;border-radius:3px;overflow:hidden;margin-bottom:5px}.password-strength-fill{height:100%;transition:width .3s,background-color .3s}.password-strength-text{font-size:12px;font-weight:600;text-align:right}.password-requirements{margin-top:10px;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #11998e}.requirements-title{font-size:13px;font-weight:600;color:#2d3436;margin-bottom:6px}.requirements-list{list-style:none;font-size:12px;color:#636e72;display:grid;grid-template-columns:repeat(2,1fr);gap:5px}@media(max-width:480px){.requirements-list{grid-template-columns:1fr}}.requirements-list li{display:flex;align-items:center;gap:6px}.requirements-list li.met{color:#27ae60}.error-message{font-size:14px;color:#e74c3c;margin-top:6px}.success-message{font-size:14px;color:#27ae60;background-color:#27ae601a;padding:12px;border-radius:8px;text-align:center;margin-top:10px}.terms-container{margin-top:5px;padding:15px;border-radius:8px;transition:background-color .2s}.terms-container:hover{background-color:#f8f9fa}.terms-container.terms-error{background-color:#e74c3c0d;border:1px solid rgba(231,76,60,.2)}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;font-size:14px;color:#636e72;-webkit-user-select:none;user-select:none;line-height:1.4}.checkbox-input{display:none}.checkbox-custom{display:inline-block;width:18px;height:18px;border:2px solid #b2bec3;border-radius:4px;margin-right:10px;position:relative;top:2px;transition:all .2s;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background-color:#11998e;border-color:#11998e}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.terms-link{color:#11998e;font-weight:600;text-decoration:none}.terms-link:hover{text-decoration:underline}.register-button{padding:16px;background:linear-gradient(135deg,#11998e,#0d7a70);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.register-button:hover:not(:disabled){background:linear-gradient(135deg,#0d7a70,#0a5c55);transform:translateY(-2px);box-shadow:0 8px 16px #11998e4d}.register-button:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #dfe6e9}.divider span{padding:0 15px;font-size:14px;color:#636e72}.social-register-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:480px){.social-register-container{grid-template-columns:1fr}}.social-button{display:flex;align-items:center;justify-content:center;padding:12px;border:2px solid #dfe6e9;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background-color:#fff;flex-direction:column;gap:6px;min-height:70px}@media(min-width:481px){.social-button{flex-direction:row;gap:8px;min-height:auto}}.google-button:hover{background-color:#f8f9fa;border-color:#4285f4}.facebook-button:hover{background-color:#f8f9fa;border-color:#4267b2}.github-button:hover{background-color:#f8f9fa;border-color:#333}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:14px}.google-icon{background-color:#4285f4;color:#fff}.facebook-icon{background-color:#4267b2;color:#fff}.github-icon{background-color:#333;color:#fff}.login-link{text-align:center;margin-top:20px;font-size:15px;color:#636e72}.login-link-text{color:#11998e;font-weight:600;text-decoration:none}.login-link-text:hover{text-decoration:underline}.register-footer{margin-top:20px;text-align:center;color:#ffffffe6;font-size:14px}.footer-links{margin-top:10px;display:flex;justify-content:center;gap:20px}.footer-links a{color:#ffffffe6;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.register-card{padding:30px 20px}.register-title{font-size:24px}.social-register-container{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:10px}}