*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,.auth-container{min-height:100vh}.auth-container{align-items:center;background:linear-gradient(135deg,#1e40af,#10b981);display:flex;justify-content:center;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-logo{display:flex;justify-content:center;margin-bottom:20px}.auth-logo-text{align-items:center;display:flex;flex-direction:column;gap:4px}.logo-text-large{color:#1e40af}.logo-text-large,.logo-text-large-sub{font-size:48px;font-weight:800;letter-spacing:4px}.logo-text-large-sub{color:#10b981}.auth-logo-image{height:auto;object-fit:contain;width:150px}.logo-icon{color:#fff;font-size:32px;font-weight:700;height:60px;width:60px}.auth-header h1{color:#1e40af;font-size:28px;margin-bottom:8px}.auth-header p{color:#6b7280;font-size:14px}.auth-form{margin-bottom:20px}.error-message,.form-group input{border-radius:8px}.error-message{background:#fee2e2;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.auth-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 10px 20px #10b9814d;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:#6b7280;font-size:14px;text-align:center}.auth-footer a{color:#10b981;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:30px 20px}}.sidebar{align-items:center;background:linear-gradient(180deg,#1e40af,#1e3a8a);bottom:0;box-shadow:0 -4px 20px #00000026;color:#fff;display:flex;flex-direction:row;height:70px;justify-content:space-around;left:0;padding:0 8px env(safe-area-inset-bottom);position:fixed;right:0;transition:all .3s ease;width:100%;z-index:1000}@media (min-width:1025px){.sidebar{bottom:auto;box-shadow:4px 0 20px #00000026;flex-direction:column;height:100vh;justify-content:flex-start;left:0!important;margin:0!important;padding:0!important;right:auto;top:0!important;width:200px}.sidebar.collapsed{width:80px}}.sidebar-header{display:none}@media (min-width:1025px){.sidebar-header{align-items:center;border-bottom:1px solid #ffffff26;display:flex;gap:12px;justify-content:space-between;padding:30px 20px;position:relative}.sidebar.collapsed .sidebar-header{justify-content:center;padding:20px 10px}}.logo{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center}.sidebar.collapsed .logo,.toggle-btn{display:none}.toggle-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}@media (min-width:1025px){.toggle-btn{display:flex}}.toggle-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.05)}.sidebar.collapsed .toggle-btn{margin:0 auto}.logo-text-container{gap:4px;transition:opacity .3s ease}.sidebar.collapsed .logo-text-container{display:none}.logo-text,.logo-text-sub{font-size:26px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 10px #0003}.sidebar-nav{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-around;overflow-x:auto;overflow-y:hidden;padding:0;width:100%}@media (min-width:1025px){.sidebar-nav{flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:10px 0 0!important}}.sidebar-nav::-webkit-scrollbar{height:6px;width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.nav-item{align-items:center;border-radius:10px;color:#fffc;display:flex;flex-direction:column;flex-shrink:0;gap:4px;justify-content:center;margin:0;min-width:60px;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease}@media (min-width:1025px){.nav-item{align-items:center!important;flex-direction:row!important;gap:10px!important;justify-content:flex-start!important;margin:0!important;min-width:auto;padding:8px 16px!important;text-align:left!important;width:100%}.sidebar.collapsed .nav-item{justify-content:center!important;margin:0!important;padding:8px 0!important;width:auto}}.nav-item:before{background:#10b981;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}@media (min-width:1025px){.nav-item:before{border-radius:0 4px 4px 0;bottom:auto;height:0;left:0;top:50%;transform:translateY(-50%);width:4px}.sidebar.collapsed .nav-item:before{display:none}}.nav-item:hover{background:#ffffff1a;color:#fff}@media (min-width:1025px){.nav-item:hover{transform:translateX(4px)}}.nav-item:hover:before{width:40px}@media (min-width:1025px){.nav-item:hover:before{height:60%;width:4px}}.nav-item.active{background:#10b98133;color:#fff;font-weight:600}.nav-item.active:before{width:50px}@media (min-width:1025px){.nav-item.active:before{height:80%;width:4px}}.nav-icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:20px}@media (min-width:1025px){.nav-icon{font-size:22px;min-width:22px}}.nav-label{display:block;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 0;text-align:center;transition:opacity .3s ease;white-space:nowrap}@media (min-width:1025px){.nav-label{font-size:14px!important;font-weight:500!important;padding:0!important;text-align:left!important}.sidebar.collapsed .nav-label{display:none}}.sidebar-footer{display:none}@media (min-width:1025px){.sidebar-footer{border-top:1px solid #ffffff26;display:block;padding:20px}}.logout-btn{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.logout-text{display:none}@media (min-width:1025px){.logout-text{display:inline}.sidebar.collapsed .logout-text{display:none}}.logout-btn:hover{background:#ef444440;border-color:#ef444480;box-shadow:0 4px 12px #ef444433;transform:translateY(-2px)}.dashboard-main{background:#f8fafc;min-height:100vh;padding:16px 16px 115px 0}@media (min-width:769px){.dashboard-main{padding:30px}}@media (min-width:1025px){.dashboard-main{padding:40px}}.dashboard-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;justify-content:space-between;margin-bottom:24px;padding:15px}@media (min-width:769px){.dashboard-header{gap:20px;margin-bottom:30px;padding:15px}}@media (min-width:1025px){.dashboard-header{align-items:center;flex-direction:row;flex-wrap:wrap;margin-bottom:40px;padding:20px 15px}}.dashboard-header h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 6px}@media (min-width:769px){.dashboard-header h1{font-size:30px;margin:0 0 8px}}@media (min-width:1025px){.dashboard-header h1{font-size:36px}}.dashboard-header p{color:#6b7280;font-size:14px;font-weight:500;margin:0}@media (min-width:1025px){.dashboard-header p{font-size:16px}}.user-subtitle{color:#10b981;font-size:13px;font-weight:600;margin-top:4px!important}@media (min-width:1025px){.user-subtitle{font-size:14px}}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}@media (min-width:1025px){.quick-actions{gap:12px;width:auto}}.quick-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.quick-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.dashboard-content{padding:0 15px 20px;width:100%}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:40px}.stat-card{border:1px solid #0000000d;box-shadow:0 4px 20px #00000014;gap:20px;min-height:110px;overflow:hidden;padding:28px;position:relative}.stat-card:before{background:linear-gradient(180deg,#10b981,#059669);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.stat-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.stat-card:hover:before{opacity:1}.stat-trend{color:#10b981;font-size:24px;margin-left:auto;opacity:.6;transition:all .3s ease}.stat-card:hover .stat-trend{opacity:1;transform:scale(1.2)}.stat-trend.success{color:#10b981}.stat-icon{border-radius:16px;box-shadow:0 8px 24px #00000026;flex-shrink:0;font-size:36px;height:70px;width:70px}.stat-info{min-width:0;overflow:hidden}.stat-info h3{color:#1f2937;font-size:40px;font-weight:700;line-height:1;margin-bottom:6px}.stat-info p{color:#6b7280;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-tasks{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.recent-tasks h2{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:24px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.chart-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:28px;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.chart-card h3{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:20px}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.widget-card-events{grid-column:1/-1}@media (min-width:900px){.events-widget-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}}.widget-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:28px;transition:all .3s ease}.widget-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.widget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.widget-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:10px}.widget-header .badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px}.deadline-list{display:flex;flex-direction:column;gap:12px}.deadline-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease}.deadline-item:hover{background:#fff;border-color:#10b981;transform:translateX(4px)}.deadline-item.overdue{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.deadline-item.overdue:hover{border-color:#ef4444}.deadline-info h4{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.deadline-date,.deadline-info p{color:#6b7280;font-size:13px}.deadline-date{align-items:center;background:#fff;border-radius:8px;display:flex;font-weight:600;gap:6px;padding:6px 12px}.deadline-item.overdue .deadline-date{background:#fee2e2;color:#991b1b}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:14px;padding:14px;transition:all .3s ease}.activity-item:hover{background:#fff;box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.activity-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.activity-icon.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.activity-icon.updated{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.activity-info{flex:1 1;min-width:0}.activity-info h4{color:#1f2937;font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-info p{color:#6b7280;font-size:12px}.activity-action{color:#10b981;font-weight:600;text-transform:capitalize}.activity-time{color:#9ca3af;font-size:12px;white-space:nowrap}.task-list{display:flex;flex-direction:column;gap:14px}.task-item{align-items:center;border:1px solid #0000;border-radius:12px;gap:16px;padding:20px}.task-item:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.task-status{border-radius:50%;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:14px;width:14px}.task-status[data-status=todo]{background:#6b7280}.task-status[data-status=in_progress]{background:#3b82f6}.task-status[data-status=completed]{background:#10b981}.task-content{flex:1 1;min-width:0}.task-content h4{color:#1f2937;font-size:17px;font-weight:600;margin-bottom:6px}.task-content p{color:#6b7280;font-size:14px}.task-priority{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.priority-low{background:#dbeafe}.priority-medium{background:#fef3c7}.priority-high{background:#fee2e2}.empty-state{font-size:16px;padding:60px 20px;text-align:center}.loading{color:#6b7280;font-size:18px;height:400px}@media (max-width:1024px){.dashboard-main{padding:32px 24px}.dashboard-header{align-items:flex-start;flex-direction:column;margin-bottom:32px}.dashboard-header h1{font-size:32px}.dashboard-header p{font-size:15px}.quick-actions{width:100%}.quick-btn{flex:1 1}.stats-grid{gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.stat-card{padding:24px}.stat-icon{font-size:30px;height:60px;width:60px}.stat-info h3{font-size:32px}.charts-grid{margin-bottom:32px}.charts-grid,.content-grid{gap:20px;grid-template-columns:1fr}.widget-card{padding:24px}}@media (max-width:768px){.dashboard-main{padding:24px 16px}.dashboard-header{margin-bottom:24px;padding-bottom:16px}.dashboard-header h1{font-size:28px}.dashboard-header p{font-size:14px}.quick-actions{flex-direction:column;width:100%}.quick-btn{justify-content:center;width:100%}.stats-grid{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.stat-card{padding:20px}.stat-icon{height:56px;width:56px}.stat-icon,.stat-info h3{font-size:28px}.stat-info p{font-size:14px}.charts-grid{gap:16px;margin-bottom:24px}.chart-card{padding:20px}.chart-card h3{font-size:16px}.content-grid{gap:16px}.widget-card{padding:20px}.widget-header h3{font-size:16px}.task-item{gap:12px;padding:16px}.task-content h4{font-size:15px}.task-content p{font-size:13px}.task-priority{font-size:10px;padding:4px 10px}.deadline-item{align-items:flex-start;flex-direction:column;gap:12px}.deadline-date{align-self:flex-end}.activity-item{padding:12px}.activity-icon{font-size:18px;height:36px;width:36px}}@media (max-width:480px){.dashboard-main{padding:20px 12px}.dashboard-header h1{font-size:24px}.stat-card{flex-direction:column;padding:20px 16px;text-align:center}.stat-info h3{font-size:32px}.task-item{flex-wrap:wrap}.task-priority{margin-left:auto}}.business-card-widget{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.business-card-widget .widget-header h3{color:#fff}.business-card-preview-dashboard{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0003;margin:16px 0;overflow:hidden}.business-card-image-dashboard{display:block;height:auto;object-fit:contain;width:100%}.btn-download-card-dashboard{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease;width:100%}.btn-download-card-dashboard:hover{background:#f3f4f6;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.events-top-widget{margin-bottom:32px}.events-top-grid{display:flex;flex-direction:column;gap:16px}.event-top-card{background:#f9fafb;border:2px solid #0000;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .25s ease}.event-top-card:hover{background:#fff;border-color:#f59e0b;box-shadow:0 4px 14px #00000014;transform:translateY(-2px)}.event-top-date{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;box-shadow:0 4px 10px #f59e0b4d;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:56px;justify-content:center;min-width:52px}.event-top-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.event-top-title{color:#1f2937;font-size:15px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-top-desc{color:#6b7280;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.event-top-desc.clamped{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.event-desc-wrap{display:flex;flex-direction:column;gap:4px}.event-desc-toggle{align-items:center;align-self:flex-start;background:none;border:none;color:#f59e0b;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:2px;padding:0;transition:color .2s}.event-desc-toggle:hover{color:#d97706}.events-widget-list{display:flex;flex-direction:column;gap:12px}.event-widget-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:12px;display:flex;gap:16px;padding:14px 16px;transition:all .3s ease}.event-widget-item:hover{background:#fff;border-color:#f59e0b;box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.event-widget-date{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;box-shadow:0 4px 10px #f59e0b4d;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:52px;justify-content:center;min-width:48px}.event-widget-day{font-size:20px;font-weight:700;line-height:1}.event-widget-month{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.event-widget-info{flex:1 1;min-width:0}.event-widget-info h4{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-widget-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.event-widget-meta span{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.event-widget-meta svg{color:#9ca3af;font-size:14px}.jiruutech-banner{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6 60%,#06b6d4);border-radius:16px;box-shadow:0 4px 20px #3b82f659;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px;padding:18px 28px;text-decoration:none;transition:all .3s ease}.jiruutech-banner:hover{box-shadow:0 8px 28px #3b82f673;transform:translateY(-3px)}.jiruutech-banner-left{display:flex;flex-direction:column;gap:3px}.jiruutech-banner-label{color:#ffffffbf;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.jiruutech-banner-url{color:#fff;font-size:20px;font-weight:700;letter-spacing:.3px}.jiruutech-banner-right{align-items:center;background:#ffffff2e;border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s;white-space:nowrap}.jiruutech-banner:hover .jiruutech-banner-right{background:#ffffff47}.jiruutech-banner-right svg{font-size:18px}@media (max-width:480px){.jiruutech-banner{align-items:flex-start;flex-direction:column;padding:16px 20px}.jiruutech-banner-url{font-size:16px}.jiruutech-banner-right{justify-content:center;width:100%}}.dialog-overlay{align-items:center;animation:fadeIn .15s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.dialog-box{animation:slideUp .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;max-width:420px;padding:32px 28px;text-align:center;width:90%}.dialog-icon{display:flex;font-size:48px;justify-content:center;margin-bottom:16px}.dialog-icon.warning{color:#f59e0b}.dialog-icon.danger{color:#ef4444}.dialog-icon.info{color:#3b82f6}.dialog-title{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 10px}.dialog-message{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 28px}.dialog-actions{display:flex;gap:12px;justify-content:center}.dialog-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:11px 28px;transition:all .2s ease}.dialog-btn.cancel{background:#f3f4f6;color:#374151}.dialog-btn.cancel:hover{background:#e5e7eb}.dialog-btn.confirm{color:#fff}.dialog-btn.confirm:hover{filter:brightness(1.1);transform:translateY(-1px)}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:24px;z-index:9999}.toast{align-items:center;animation:slideInRight .3s ease;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;font-size:14px;font-weight:500;gap:12px;max-width:380px;min-width:280px;padding:14px 18px;pointer-events:all}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{background:#d1fae5;border-left:4px solid #10b981;color:#065f46}.toast-error{background:#fee2e2;border-left:4px solid #ef4444;color:#991b1b}.toast-info{background:#dbeafe;border-left:4px solid #3b82f6;color:#1e40af}.toast-warning{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.toast-message{flex:1 1}.toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:18px;opacity:.6;padding:0}.toast-close:hover{opacity:1}.projects-main{background:#f8fafc;min-height:100vh;padding:16px}@media (min-width:769px){.projects-main{padding:30px}}@media (min-width:1025px){.projects-main{padding:40px}}.projects-page{padding:0 15px 20px;width:100%}.skeleton-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr}@media (min-width:769px){.skeleton-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.skeleton-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.skeleton-header{margin-bottom:12px;width:70%}.skeleton-text{margin-bottom:8px}.skeleton-text.short{width:50%}@media (min-width:1025px){.icon-btn{font-size:18px;height:36px;width:36px}}.btn-secondary{border-radius:8px;padding:10px 20px}@media (min-width:1025px){.btn-secondary{padding:12px 24px}}.projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:769px){.projects-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.project-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}@media (min-width:1025px){.project-card{padding:24px}}.project-card:before{background:linear-gradient(90deg,#10b981,#059669);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.project-card:hover{border-color:#10b981;box-shadow:0 8px 24px #0000001f;transform:translateY(-6px)}.project-card:hover:before{opacity:1}.project-header{align-items:start;border-left:4px solid;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px;min-height:40px;padding-left:12px}@media (min-width:1025px){.project-header{margin-bottom:16px;padding-left:16px}}.project-header h3{color:#1f2937;font-size:18px;font-weight:700;line-height:1.4;margin:0}@media (min-width:1025px){.project-header h3{font-size:20px}}.project-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}@media (min-width:1025px){.project-actions{gap:8px}}.status-badge{box-shadow:0 2px 4px #0000001a;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 12px}@media (min-width:1025px){.status-badge{font-size:12px;padding:6px 14px}}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-completed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-on-hold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-planning{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8}.project-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.6;margin-bottom:16px;overflow:hidden}@media (min-width:1025px){.project-description{font-size:14px;margin-bottom:20px}}.project-stats{border-top:2px solid #f3f4f6;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;padding-top:14px}@media (min-width:1025px){.project-stats{font-size:14px;gap:20px;padding-top:16px}}.project-stats span{align-items:center;background:#f9fafb;border-radius:8px;display:flex;font-weight:600;gap:6px;padding:6px 10px;transition:all .3s ease}@media (min-width:1025px){.project-stats span{gap:8px;padding:8px 12px}}.project-stats span:hover{background:#f3f4f6;transform:translateY(-2px)}.modal{border-radius:12px;padding:24px;width:100%}@media (min-width:1025px){.modal{padding:30px}}.modal h2{font-size:20px;margin-bottom:20px}@media (min-width:1025px){.modal h2{font-size:24px}}.form-group label{font-weight:500}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#10b981;outline:none}.modal-actions{flex-direction:column}@media (min-width:769px){.modal-actions{flex-direction:row}}.assign-modal{max-height:80vh;max-width:600px;overflow-y:auto}.modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.modal-header h2{color:#1f2937;font-size:20px}.close-btn{background:none;color:#6b7280;padding:0;transition:color .3s ease}.close-btn:hover{color:#1f2937}.assign-content{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.add-user-section,.members-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.add-user-section h3,.members-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.add-user-section .form-group{margin-bottom:12px}.add-user-section select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.add-user-section select:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a;outline:none}.add-user-section .btn-primary{margin-top:8px;width:100%}.empty-members{background:#fff;border-radius:8px;color:#6b7280;font-size:14px;margin:0;padding:12px;text-align:center}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.member-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.member-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.member-avatar{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.member-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:16px;font-weight:600;height:100%;width:100%}.member-details{flex:1 1;min-width:0}.member-name{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.member-email,.member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-email{color:#6b7280;font-size:12px;margin:0}.btn-remove{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-remove:hover{background:#ef444433;border-color:#ef444480}.icon-btn.assign{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.icon-btn.assign:hover{background:#10b98133;border-color:#10b98180}.member-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .3s ease}.member-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.member-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.member-tasks{border-top:1px solid #f3f4f6;margin-top:12px;padding-top:12px}.tasks-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.tasks-list{gap:8px}.task-item{align-items:flex-start;background:#f9fafb;border-left:3px solid #d1d5db;border-radius:6px;display:flex;gap:10px;padding:8px;transition:all .3s ease}.task-item.status-todo{border-left-color:#6b7280}.task-item.status-in_progress{background:#3b82f60d;border-left-color:#3b82f6}.task-item.status-completed{background:#10b9810d;border-left-color:#10b981}.task-status-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.task-item.status-todo .task-status-dot{background:#6b7280}.task-item.status-in_progress .task-status-dot{background:#3b82f6}.task-item.status-completed .task-status-dot{background:#10b981}.task-info{flex:1 1;min-width:0}.task-title{color:#1f2937;font-size:13px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{gap:6px}.task-meta .priority-badge,.task-meta .task-status{border-radius:4px;font-size:10px;padding:2px 6px}.task-meta .task-status{background:#e5e7eb;color:#374151;font-weight:600;text-transform:capitalize}@media (max-width:768px){.assign-modal{max-height:90vh;max-width:90vw}.modal-header h2{font-size:18px}.member-header,.member-item{align-items:flex-start;flex-direction:column;gap:12px}.member-info{width:100%}.btn-remove{align-self:flex-end}}.project-info-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.project-info-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.project-desc{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.info-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.info-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:6px;padding:10px}.info-label{color:#6b7280}.info-value{color:#1f2937;font-size:18px}.tasks-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.tasks-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-item-detail{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .3s ease}.task-item-detail:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.task-header-detail{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.task-header-detail h4{color:#1f2937;flex:1 1;font-size:14px;font-weight:600;margin:0}.task-desc{color:#6b7280;font-size:13px;line-height:1.4;margin:0 0 8px}.task-footer-detail{display:flex;flex-wrap:wrap;gap:8px}.task-footer-detail .assigned-to,.task-footer-detail .status-badge{font-size:11px;padding:4px 8px}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.task-header-detail{flex-direction:column}.task-header-detail h4{width:100%}}.tasks-main{background:#f8fafc;min-height:100vh;padding:16px}@media (min-width:769px){.tasks-main{padding:30px}}@media (min-width:1025px){.tasks-main{padding:40px}}.tasks-page{padding:0 15px 20px;width:100%}.page-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px;padding:15px}@media (min-width:1025px){.page-header{align-items:center;flex-direction:row;margin-bottom:30px;padding-bottom:20px;padding-top:20px}}.header-content h1{font-size:24px}@media (min-width:769px){.header-content h1{font-size:28px}}@media (min-width:1025px){.header-content h1{font-size:32px}.header-subtitle{font-size:16px}}.header-actions{flex-wrap:wrap;gap:12px;width:100%}@media (min-width:1025px){.header-actions{gap:16px;width:auto}}.count-badge{font-size:12px;padding:6px 12px}@media (min-width:1025px){.count-badge{font-size:14px;padding:8px 16px}}.btn-primary{flex:1 1;gap:6px;justify-content:center;padding:10px 20px}@media (min-width:1025px){.btn-primary{flex:0 1;font-size:15px;gap:8px;padding:12px 24px}}.filters-bar{flex-direction:column;gap:12px;margin-bottom:20px}@media (min-width:769px){.filters-bar{flex-direction:row;gap:16px;margin-bottom:24px}}.search-box{min-width:100%}@media (min-width:769px){.search-box{min-width:250px}}.filter-group{width:100%}@media (min-width:769px){.filter-group{width:auto}}.filter-group select{flex:1 1}.skeleton-board{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:1025px){.skeleton-board{gap:20px;grid-template-columns:repeat(3,1fr)}}.skeleton-column{background:#f9fafb;border-radius:12px;min-height:300px;padding:16px}.skeleton-header{animation:pulse 1.5s ease-in-out infinite;background:#e5e7eb;border-radius:4px;height:24px;margin-bottom:16px;width:60%}.skeleton-card{border-radius:8px;height:120px;margin-bottom:12px;padding:16px}.task-card-header{align-items:start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.task-card-header h4{flex:1 1;margin:0}.task-actions{display:flex;gap:4px;opacity:0;transition:opacity .3s ease}.task-card:hover .task-actions{opacity:1}.icon-btn{background:#0000;border-radius:6px;font-size:16px;height:28px;width:28px}.due-date{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:12px;padding:6px 10px;width:fit-content}@media (min-width:1025px){.due-date{font-size:13px;margin-bottom:14px;padding:8px 12px}}.due-date.overdue{animation:pulse-red 2s ease-in-out infinite;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b;font-weight:700}@keyframes pulse-red{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.due-date svg{font-size:14px}@media (min-width:1025px){.due-date svg{font-size:16px}}.task-card.overdue{background:linear-gradient(135deg,#fff,#fef2f2);border-left:4px solid #ef4444}.tasks-board{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:1025px){.tasks-board{gap:20px;grid-template-columns:repeat(3,1fr)}}.task-column{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;min-height:300px;padding:16px;transition:all .3s ease}@media (min-width:1025px){.task-column{min-height:500px;padding:20px}}.task-column:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.todo-column{border-top:4px solid #6b7280}.progress-column{border-top:4px solid #3b82f6}.completed-column{border-top:4px solid #10b981}.column-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}@media (min-width:1025px){.column-header{margin-bottom:20px;padding-bottom:16px}}.column-title{align-items:center;display:flex;gap:10px}@media (min-width:1025px){.column-title{gap:12px}}.column-icon{color:#10b981;font-size:20px}@media (min-width:1025px){.column-icon{font-size:24px}}.todo-column .column-icon{color:#6b7280}.progress-column .column-icon{color:#3b82f6}.completed-column .column-icon{color:#10b981}.column-header h3{color:#1f2937;font-size:16px;font-weight:700;margin:0}@media (min-width:1025px){.column-header h3{font-size:18px}}.task-count{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:12px;font-weight:700;padding:4px 10px}@media (min-width:1025px){.task-count{font-size:13px;padding:6px 14px}}.task-cards{display:flex;flex-direction:column;gap:12px}.task-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}@media (min-width:1025px){.task-card{padding:18px}}.task-card:before{background:#10b981;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.task-card:hover{border-color:#10b981;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.task-card:hover:before{opacity:1}.task-card.completed{background:linear-gradient(135deg,#fff,#f0fdf4);opacity:.8}.task-card.completed:before{background:#10b981;opacity:1}.task-card h4{color:#1f2937;font-size:15px;font-weight:700;line-height:1.4;margin-bottom:8px}@media (min-width:1025px){.task-card h4{font-size:16px;margin-bottom:10px}}.task-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.6;margin-bottom:12px;overflow:hidden}@media (min-width:1025px){.task-card p{font-size:14px;margin-bottom:14px}}.task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.priority-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;font-size:10px;font-weight:700;letter-spacing:.5px;padding:5px 10px;text-transform:uppercase}@media (min-width:1025px){.priority-badge{font-size:11px;padding:6px 12px}}.priority-low{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.priority-medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.priority-high{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.project-name{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:11px;font-weight:600;padding:4px 8px}@media (min-width:1025px){.project-name{font-size:12px;padding:4px 10px}}.btn-move{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px;transition:all .3s ease;width:100%}@media (min-width:1025px){.btn-move{font-size:13px;padding:10px}}.btn-move:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b9814d;color:#fff;transform:translateY(-2px)}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:769px){.form-row{grid-template-columns:1fr 1fr}}select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;width:100%}select:focus{border-color:#10b981;outline:none}.assigned-to{background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.task-cards{min-height:400px;transition:background-color .2s ease}.task-cards.drag-over{background-color:#10b9810d;border:2px dashed #10b981;border-radius:8px}.task-card.dragging{box-shadow:0 10px 30px #0003;opacity:.5;transform:rotate(2deg)}.task-card{cursor:grab;transition:all .2s ease}.task-card:active{cursor:grabbing}.task-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.btn-move{display:none}.events-main{background:#f8fafc;min-height:100vh;padding:40px}.events-page{padding:0 15px 20px;width:100%}.header-content h1{font-weight:700;margin:0 0 8px}.header-subtitle{font-size:16px;font-weight:500}.count-badge{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #e5e7eb;color:#374151;font-weight:700;padding:8px 16px}.btn-primary{box-shadow:0 4px 12px #10b9814d;font-size:15px}.btn-primary:hover{box-shadow:0 6px 20px #10b98166}.search-box{min-width:250px}.skeleton-list{display:flex;flex-direction:column;gap:16px}.skeleton-event{animation:pulse 1.5s ease-in-out infinite;background:#fff;border-radius:12px;display:flex;gap:20px;padding:20px}.skeleton-date{background:#e5e7eb;border-radius:8px;flex-shrink:0;height:70px;width:70px}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.event-header{align-items:start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.event-header h3{flex:1 1;margin:0}.event-actions{display:flex;gap:8px;opacity:0;transition:opacity .3s ease}.event-card:hover .event-actions{opacity:1}.icon-btn{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;height:36px;width:36px}.icon-btn.edit:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;transform:scale(1.1) rotate(5deg)}.icon-btn.delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;transform:scale(1.1) rotate(-5deg)}.events-list{display:flex;flex-direction:column;gap:16px}.event-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.event-card:before{background:linear-gradient(180deg,#10b981,#059669);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.event-card:hover{border-color:#10b981;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.event-card:hover:before{opacity:1}.event-date{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;height:fit-content;min-width:80px;padding:16px;text-align:center;transition:all .3s ease}.event-card:hover .event-date{box-shadow:0 6px 16px #10b98166;transform:scale(1.05)}.date-day{font-size:36px;font-weight:800;line-height:1}.date-month{font-size:14px;font-weight:600;letter-spacing:1px;margin-top:6px;text-transform:uppercase}.event-details{flex:1 1}.event-details h3{color:#1f2937;font-size:22px;font-weight:700;line-height:1.4;margin-bottom:10px}.event-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:14px;line-height:1.6;margin-bottom:16px;overflow:hidden}.event-meta{border-top:2px solid #f3f4f6;color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;padding-top:12px}.event-meta span{align-items:center;background:#f9fafb;border-radius:8px;display:flex;font-weight:600;gap:8px;padding:6px 12px;transition:all .3s ease}.event-meta span:hover{background:#f3f4f6;transform:translateY(-2px)}@media (max-width:768px){.event-card{flex-direction:column}.event-date{width:fit-content}}.users-main{background:#f8fafc;min-height:100vh;padding:40px}.users-page{padding:0 15px;width:100%}.page-header{justify-content:space-between;padding-bottom:20px;padding-left:15px;padding-top:20px}.header-actions,.page-header{align-items:center;display:flex}.header-actions{gap:16px}.btn-primary{align-items:center;border-radius:10px;box-shadow:0 2px 8px #10b98133;display:flex;gap:8px;padding:12px 20px}.user-card{position:relative}.user-card-actions{display:flex;gap:8px;opacity:0;position:absolute;right:16px;top:16px;transition:opacity .3s ease}.user-card:hover .user-card-actions{opacity:1}.icon-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.icon-btn.edit{color:#3b82f6}.icon-btn.edit:hover{background:#dbeafe;transform:scale(1.1)}.icon-btn.delete{color:#ef4444}.icon-btn.delete:hover{background:#fee2e2;transform:scale(1.1)}.modal-overlay{bottom:0;left:0;right:0;top:0}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal h2{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-secondary{background:#f3f4f6;border:none;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover{background:#e5e7eb}.filters-bar{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:0 15px}.search-box{min-width:300px}.search-icon{color:#9ca3af;font-size:20px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:2px solid #e5e7eb}.search-box input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.filter-group{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;gap:8px;padding:8px 16px;transition:all .3s ease}.filter-group:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.filter-group select{background:#0000;border:none;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px}.filter-group select:focus{outline:none}.skeleton-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.skeleton-card{align-items:center;animation:pulse 1.5s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;padding:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton-avatar{background:#e5e7eb;border-radius:50%;height:80px;width:80px}.skeleton-text{background:#e5e7eb;border-radius:4px;height:16px;width:100%}.skeleton-text.short{width:60%}.header-content h1 svg{color:#10b981}.users-count{align-items:center;display:flex}.count-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 2px 8px #10b98133;color:#fff;font-size:14px;font-weight:600;padding:8px 20px}.users-grid{grid-gap:24px;animation:fadeIn .5s ease;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.user-card:hover{border-color:#10b981;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.user-avatar{display:flex;justify-content:center;margin-bottom:8px}.avatar-placeholder,.user-avatar img{border:4px solid #f3f4f6;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:80px;object-fit:cover;width:80px}.avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:700;justify-content:center;text-transform:uppercase}.user-info{border-bottom:1px solid #e5e7eb;padding-bottom:16px;text-align:center}.user-info h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 4px}.username{color:#6b7280;font-size:14px;font-weight:500;margin:0}.user-details{display:flex;flex-direction:column;gap:12px}.detail-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:10px}.detail-icon{color:#9ca3af;flex-shrink:0;font-size:18px}.detail-item span{word-break:break-word}.job-title{color:#10b981;font-style:italic;font-weight:600}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.user-footer{border-top:1px solid #e5e7eb;margin-top:auto;padding-top:12px}.joined-date{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.footer-icon{color:#9ca3af;font-size:16px}.loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border-top-color:#10b981}.loading p{color:#6b7280;font-size:16px}.empty-state{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.empty-icon{font-size:80px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:18px}.error-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.error-state p{color:#ef4444;font-size:16px;margin:0}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:1024px){.users-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.users-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:16px}.header-content h1{font-size:28px}.users-grid{gap:16px;grid-template-columns:1fr}.user-card{padding:20px}}@media (max-width:480px){.header-content h1{font-size:24px}.avatar-placeholder,.user-avatar img{height:70px;width:70px}.avatar-placeholder{font-size:24px}.user-info h3{font-size:18px}.detail-item{font-size:13px}}.business-card-section{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:12px}.business-card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.business-card-label{color:#374151;font-size:13px;font-weight:600}.business-card-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-delete-card,.btn-upload-card,.btn-view-card{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.btn-view-card{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f633;color:#fff}.btn-view-card:hover{box-shadow:0 4px 10px #3b82f64d;transform:translateY(-2px)}.btn-delete-card{background:#fee2e2;color:#ef4444}.btn-delete-card:hover{background:#fecaca;transform:translateY(-2px)}.btn-upload-card{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b98133;color:#fff;justify-content:center;width:100%}.btn-upload-card:hover{box-shadow:0 4px 10px #10b9814d;transform:translateY(-2px)}.btn-upload-card.uploading{cursor:not-allowed;opacity:.6}.business-card-upload{display:flex;flex-direction:column;gap:8px}.settings-main{background:#f8fafc;min-height:100vh;padding:16px}@media (min-width:769px){.settings-main{padding:30px}}@media (min-width:1025px){.settings-main{padding:40px}}.settings-page{padding:0 15px;width:100%}.settings-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding:15px}@media (min-width:1025px){.settings-header{margin-bottom:30px;padding-bottom:20px;padding-top:20px}}.settings-header h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}@media (min-width:769px){.settings-header h1{font-size:28px}}@media (min-width:1025px){.settings-header h1{font-size:32px}}.settings-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}@media (min-width:1025px){.settings-subtitle{font-size:16px}}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:1025px){.settings-grid{gap:24px;grid-template-columns:1fr 400px}}.settings-grid>.settings-card:first-child{order:0}@media (min-width:1025px){.settings-grid>.settings-card:first-child{order:0}}.settings-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s ease}@media (min-width:1025px){.settings-card{padding:32px}}.settings-card:hover{box-shadow:0 4px 16px #0000001f}.card-header{gap:16px;margin-bottom:28px;padding-bottom:20px}.card-icon{font-size:24px;height:48px;width:48px}.card-header h2{font-size:20px}.card-description{font-size:14px}.profile-card form{gap:24px}.btn-save{font-size:15px;padding:14px 24px}.settings-sidebar{display:flex;flex-direction:column;gap:20px;order:1}@media (min-width:1025px){.settings-sidebar{gap:24px;order:0}}.info-list{gap:16px}.info-item{gap:16px;padding:16px}.info-icon{font-size:24px;height:48px;width:48px}.info-label{font-size:13px}.info-value{font-size:16px}.stats-card{padding:24px}.stats-card h3{font-size:16px;margin:0 0 20px}.stats-list{gap:16px}.stat-badge{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;width:fit-content}.stat-badge.active{background:#d1fae5;color:#065f46}.stat-value{font-size:14px}@media (max-width:768px){.settings-main{padding:24px 16px}.settings-card{padding:24px}.card-header{align-items:flex-start;flex-direction:column}.settings-header h1{font-size:28px}}@media (max-width:480px){.settings-card{padding:20px}.card-icon,.info-icon{font-size:20px;height:40px;width:40px}.settings-header h1{font-size:24px}}.photo-preview-container{border:3px solid #e5e7eb;border-radius:12px;height:150px;margin-bottom:16px;overflow:hidden;width:150px}.photo-preview-large{height:100%;width:100%}.btn-remove-photo{background:#ef4444e6;border:none;font-size:18px;right:8px;top:8px}.btn-remove-photo:hover{background:#ef4444}.btn-upload-photo{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;padding:10px 20px}.btn-upload-photo:hover:not(.uploading){box-shadow:0 4px 12px #10b98166}.settings-left-col{display:flex;flex-direction:column;gap:24px}.sig-instruction{color:#6b7280;font-size:14px;margin-bottom:10px}.signature-canvas-wrapper{background:#1e293b;border:2px dashed #d1d5db;border-radius:10px;cursor:crosshair;overflow:hidden;touch-action:none;width:100%}.signature-canvas{display:block;height:150px;touch-action:none;width:100%}.sig-actions{display:flex;gap:12px;margin-top:12px}.sig-clear-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.sig-clear-btn:hover{border-color:#ef4444;color:#ef4444}.signature-preview{margin-bottom:16px}.sig-preview-label{color:#6b7280;font-size:13px;font-weight:600;margin-bottom:6px}.sig-preview-box{background:#1e293b;border-radius:8px;display:inline-block;padding:8px}.sig-preview-box img{display:block;max-height:60px}.profile-main{background:#f8fafc;min-height:100vh;padding:16px}@media (min-width:769px){.profile-main{padding:30px}}@media (min-width:1025px){.profile-main{padding:40px}}.profile-page{padding:0 15px;width:100%}.profile-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding:15px}@media (min-width:1025px){.profile-header{margin-bottom:30px;padding-bottom:20px;padding-top:20px}}.profile-header h1{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 8px}@media (min-width:769px){.profile-header h1{font-size:28px}}@media (min-width:1025px){.profile-header h1{font-size:32px}}.profile-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:0}@media (min-width:1025px){.profile-subtitle{font-size:16px}}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:1025px){.profile-grid{gap:24px;grid-template-columns:1fr 400px}}.profile-grid>.profile-card:first-child{order:0}@media (min-width:1025px){.profile-grid>.profile-card:first-child{order:0}}.profile-sidebar{order:1}.profile-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s ease}@media (min-width:1025px){.profile-card{padding:32px}}.profile-card:hover{box-shadow:0 4px 16px #0000001f}.card-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}@media (min-width:1025px){.card-header{gap:16px;margin-bottom:28px;padding-bottom:20px}}.card-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}@media (min-width:1025px){.card-icon{font-size:24px;height:48px;width:48px}}.card-header h2{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 4px}@media (min-width:1025px){.card-header h2{font-size:20px}}.card-description{color:#6b7280;font-size:13px;margin:0}@media (min-width:1025px){.card-description{font-size:14px}}.profile-card form{display:flex;flex-direction:column;gap:20px}@media (min-width:1025px){.profile-card form{gap:24px}}.form-group label{align-items:center;display:flex;gap:8px}.label-icon{color:#10b981;font-size:18px}.form-group input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group input:disabled{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-group small{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px;margin-top:4px}.small-icon{font-size:14px}.avatar-preview{display:flex;justify-content:center;margin-top:12px}.avatar-preview img{border:4px solid #f3f4f6;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:100px;object-fit:cover;width:100px}.photo-preview-container{display:inline-block;margin:12px 0;position:relative}.photo-preview-large{border:4px solid #10b981;border-radius:50%;box-shadow:0 8px 24px #10b9814d;display:block;height:120px;object-fit:cover;width:120px}@media (min-width:1025px){.photo-preview-large{height:150px;width:150px}}.btn-remove-photo{align-items:center;background:#ef4444;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #ef444466;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:0;top:0;transition:all .3s ease;width:32px}@media (min-width:1025px){.btn-remove-photo{font-size:18px;height:36px;width:36px}}.btn-remove-photo:hover{background:#dc2626;transform:scale(1.1)}.photo-upload-section{display:flex;flex-direction:column;gap:8px}.btn-upload-photo{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease;width:100%}@media (min-width:1025px){.btn-upload-photo{width:fit-content}}.btn-upload-photo:hover:not(.uploading){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-upload-photo.uploading{cursor:not-allowed;opacity:.6}.btn-upload-photo svg{font-size:18px}.message{align-items:center;animation:slideIn .3s ease;border-radius:10px;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:14px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.message.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.btn-save{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}@media (min-width:1025px){.btn-save{font-size:15px;padding:14px 24px}}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-sidebar{display:flex;flex-direction:column;gap:20px;order:2}@media (min-width:1025px){.profile-sidebar{gap:24px;order:0}}.account-card .card-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.info-list{display:flex;flex-direction:column;gap:14px}@media (min-width:1025px){.info-list{gap:16px}}.info-item{align-items:center;background:#1e40af;border:1px solid #1e40af;border-radius:12px;display:flex;gap:12px;padding:14px;transition:all .3s ease}@media (min-width:1025px){.info-item{gap:16px;padding:16px}}.info-item:hover{background:#1e3a8a;transform:translateX(4px)}.info-icon{align-items:center;border:2px solid #0000000d;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}@media (min-width:1025px){.info-icon{font-size:24px;height:48px;width:48px}}.info-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.info-label{color:#ffffffb3!important;font-size:12px;font-weight:600;letter-spacing:.5px}@media (min-width:1025px){.info-label{font-size:13px}}.info-value{font-size:15px;font-weight:700;text-transform:capitalize}@media (min-width:1025px){.info-value{font-size:16px}}.stats-card{padding:20px}@media (min-width:1025px){.stats-card{padding:24px}}.stats-card h3{color:#1f2937;font-size:15px;font-weight:700;margin:0 0 16px}@media (min-width:1025px){.stats-card h3{font-size:16px;margin:0 0 20px}}.stats-list{display:flex;flex-direction:column;gap:14px}@media (min-width:1025px){.stats-list{gap:16px}}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-label{color:#6b7280;font-size:12px;font-weight:500}@media (min-width:1025px){.stat-label{font-size:13px}}.progress-bar{background:#e5e7eb;border-radius:10px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:10px;height:100%;transition:width .5s ease}.stat-value{color:#10b981;font-size:13px;font-weight:700}@media (min-width:1025px){.stat-value{font-size:14px}}.logout-card{background:#0000;border:none;box-shadow:none;display:block;margin-bottom:80px;padding:0}@media (min-width:1025px){.logout-card{display:none}}.btn-logout-mobile{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.btn-logout-mobile:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-logout-mobile svg{font-size:20px}.form-section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:700;margin-bottom:4px;padding:8px 0 4px}.profile-left-col{display:flex;flex-direction:column;gap:24px}.business-card-card{margin-top:20px}.business-card-preview{background:#f3f4f6;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:16px 0;overflow:hidden}.business-card-image{display:block;height:auto;object-fit:contain;width:100%}.btn-download-card{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;text-decoration:none;transition:all .3s ease;width:100%}.btn-download-card:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.idcard-main{background:#f8fafc;min-height:100vh;padding:16px}@media (min-width:769px){.idcard-main{padding:30px}}@media (min-width:1025px){.idcard-main{padding:40px}}.idcard-page{padding-bottom:20px;width:100%}.idcard-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;justify-content:space-between;margin-bottom:24px;padding:15px}@media (min-width:1025px){.idcard-header{align-items:center;flex-direction:row;gap:20px;margin-bottom:30px;padding:20px 15px}}.idcard-header h1{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}@media (min-width:769px){.idcard-header h1{font-size:28px}}@media (min-width:1025px){.idcard-header h1{font-size:36px}}.idcard-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}@media (min-width:1025px){.idcard-subtitle{font-size:16px}}.idcard-actions{display:flex;flex-wrap:wrap;gap:10px;width:100%}@media (min-width:1025px){.idcard-actions{gap:12px;width:auto}}.action-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}@media (min-width:1025px){.action-btn{flex:0 1}}.action-btn svg{font-size:18px}.download-btn{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff}.download-btn:hover:not(:disabled){box-shadow:0 6px 16px #1e40af4d;transform:translateY(-2px)}.download-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.print-btn{background:#fff;border:2px solid #1e40af;color:#1e40af}.print-btn:hover{background:#1e40af;box-shadow:0 6px 16px #1e40af33;color:#fff;transform:translateY(-2px)}.idcard-content-wrapper{padding:0 15px}.idcard-container{display:flex;justify-content:center;padding:30px 0;perspective:1000px}@media (min-width:1025px){.idcard-container{padding:60px 15px}}.idcard-wrapper{align-items:center;display:flex;flex-direction:column;gap:0}.idcard.premium{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:cardEntrance .8s ease-out;backface-visibility:hidden;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border-radius:24px;box-shadow:0 30px 90px #00000080,inset 0 0 0 1px #ffffff1a,0 0 60px #10b98133;height:330px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:550px}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.idcard.premium:hover{box-shadow:0 40px 120px #0009,inset 0 0 0 1px #fff3,0 0 80px #10b9814d;transform:translateY(-10px) scale(1.02)}.premium-border{background:linear-gradient(135deg,#10b981,#3b82f6 50%,#8b5cf6);border-radius:24px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;padding:2px;pointer-events:none;position:absolute}.idcard-accent-bar{background:linear-gradient(180deg,#10b981,#059669 50%,#047857);bottom:0;box-shadow:0 0 20px #10b98180;left:0;position:absolute;top:0;width:8px}.idcard-content{display:flex;flex-direction:column;height:100%;padding:24px 28px;position:relative;width:100%;z-index:2}.idcard-header-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.idcard-logo-premium{align-items:center;display:flex;gap:12px}.logo-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 8px 24px #10b98166;display:flex;height:48px;justify-content:center;position:relative;width:48px}.logo-j{color:#fff;left:8px}.logo-j,.logo-t{font-size:24px;font-weight:900;position:absolute;text-shadow:2px 2px 4px #0000004d}.logo-t{color:#ffffffb3;right:8px}.logo-text-container{display:flex;flex-direction:column;gap:2px;line-height:1}.logo-text{color:#fff;text-shadow:0 2px 10px #0000004d}.logo-text,.logo-text-sub{font-size:22px;font-weight:900;letter-spacing:3px}.logo-text-sub{color:#10b981;text-shadow:0 2px 10px #10b98180}.idcard-title-premium{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.title-main{color:#fff;font-size:16px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 8px #0000004d}.title-sub{color:#10b981;font-size:13px;font-weight:700;letter-spacing:2px}.premium-divider{background:linear-gradient(90deg,#0000,#10b981 50%,#0000);box-shadow:0 0 10px #10b98180;height:2px;margin-bottom:16px}.idcard-body-premium{display:flex;flex:1 1;gap:20px;position:relative}.idcard-photo-premium{flex-shrink:0;position:relative}.photo-frame{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:16px;box-shadow:0 10px 30px #0006,0 0 0 2px #10b9814d;height:135px;overflow:hidden;padding:4px;position:relative;width:105px}.photo-frame:before{background:linear-gradient(135deg,#10b98133,#0000);content:"";inset:0;pointer-events:none;position:absolute}.photo-frame img{border-radius:12px;height:100%;object-fit:cover;width:100%}.photo-placeholder{border-radius:12px;color:#fff;font-size:42px;font-weight:900;height:100%;text-shadow:0 4px 12px #0000004d;width:100%}.photo-badge,.photo-placeholder{align-items:center;background:linear-gradient(135deg,#10b981,#059669);display:flex;justify-content:center}.photo-badge{border:3px solid #0f172a;border-radius:50%;bottom:-8px;box-shadow:0 4px 16px #10b98199;height:36px;left:50%;position:absolute;transform:translateX(-50%);width:36px}.photo-badge svg{color:#fff;font-size:20px}.idcard-info-premium{display:flex;flex:1 1;flex-direction:column;gap:5px}.employee-name{color:#fff;font-size:22px;font-weight:900;letter-spacing:1px;line-height:1.2;margin-bottom:0;text-shadow:0 2px 10px #0000004d;text-transform:uppercase}.employee-title{color:#10b981;letter-spacing:.5px;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.employee-id,.employee-title{font-size:11px;font-weight:700}.employee-id{color:#fff9;font-family:Courier New,monospace;letter-spacing:2px;margin-bottom:8px}.info-grid{grid-gap:5px 16px;display:grid;gap:5px 16px;grid-template-columns:1fr 1fr}.info-row{display:flex;flex-direction:column;gap:1px;text-align:left}.info-label{color:#9ca3afcc!important;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.info-value{color:#fff!important;font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1.3}.idcard-qr-premium{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;justify-content:flex-start}.qr-bottom-info{display:flex;flex-direction:column;gap:4px;margin-top:15px;width:100%}.qr-code{align-items:center;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0006,0 0 0 3px #10b9814d;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;width:56px}.qr-code:before{background:linear-gradient(135deg,#10b9811a,#0000);content:"";inset:0;position:absolute}.qr-code svg{color:#1e40af;font-size:58px;position:relative;z-index:1}.location-info{text-align:left;width:100%}.location-info .info-label{font-size:8px}.location-info .info-value{font-size:10px;text-align:left}.idcard-footer-premium{align-items:flex-end;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-top:auto;padding-top:12px}.footer-left{display:flex;flex-direction:column;gap:6px}.footer-label{color:#9ca3afcc!important;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.signature-line{background:linear-gradient(90deg,#10b981,#0000);height:1px;width:140px}.footer-right,.validity{align-items:flex-end;display:flex}.validity{flex-direction:column;gap:2px}.validity-label{color:#9ca3afcc!important;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.validity-date{color:#10b981;font-size:14px;font-weight:900;letter-spacing:1px;text-shadow:0 0 10px #10b98180}.premium-pattern{border-radius:50%;opacity:.03;pointer-events:none;position:absolute}.pattern-1{background:radial-gradient(circle,#10b981 0,#0000 70%);height:300px;right:-150px;top:-150px;width:300px}.pattern-2{background:radial-gradient(circle,#3b82f6 0,#0000 70%);bottom:-100px;height:200px;left:-100px;width:200px}.pattern-3{background:radial-gradient(circle,#8b5cf6 0,#0000 70%);height:150px;left:50%;top:50%;transform:translate(-50%,-50%);width:150px}.holographic-overlay{background:linear-gradient(135deg,#0000,#10b9811a 25%,#0000 50%,#3b82f61a 75%,#0000);display:none;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease}.premium-note{align-items:flex-start;background:#fff;border-left:5px solid #10b981;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:16px;margin-top:30px;padding:20px}@media (min-width:1025px){.premium-note{flex-direction:row;gap:20px;margin-top:40px;padding:24px}}.note-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 16px #10b9814d;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (min-width:1025px){.note-icon{height:48px;width:48px}}.note-icon svg{color:#fff;font-size:24px}@media (min-width:1025px){.note-icon svg{font-size:28px}}.note-content{flex:1 1}.note-content p{color:#475569;font-size:13px;line-height:1.6;margin:0 0 8px}@media (min-width:1025px){.note-content p{font-size:14px}}.note-content p:last-child{margin-bottom:0}.note-content strong{color:#1e293b;display:block;font-size:15px;font-weight:800;margin-bottom:8px}@media (min-width:1025px){.note-content strong{font-size:16px}}@media print{.idcard-actions,.idcard-header,.premium-note,.sidebar{display:none!important}.idcard-main{background:#fff;padding:0}.idcard-container{padding:20px}.idcard.premium{box-shadow:none}.holographic-overlay{display:none}}@media (max-width:1024px){.idcard-main{padding:30px}}@media (max-width:768px){.idcard-main{padding:24px 16px}.idcard-header{align-items:flex-start;flex-direction:column;padding:15px}.idcard-header h1{font-size:28px}.idcard-actions{flex-direction:column;width:100%}.action-btn{justify-content:center;width:100%}.idcard-content-wrapper{padding:0}.idcard-container{overflow-x:hidden;padding:20px 0 40px}.idcard-wrapper{align-items:center;display:flex;height:550px;justify-content:center;margin:0 auto;transform:rotate(90deg);transform-origin:center center;width:330px}.idcard.premium{flex-shrink:0;height:330px;max-width:none;width:550px}.premium-note{flex-direction:column;margin:0 15px;text-align:center}.note-icon{margin:0 auto}}@media (max-width:480px){.idcard-wrapper{height:468px;transform:rotate(90deg) scale(.85);width:280px}.idcard-container{padding:10px 0 30px}}@media (max-width:390px){.idcard-wrapper{height:374px;transform:rotate(90deg) scale(.68);width:224px}}@media (max-width:345px){.idcard-main{padding:8px 4px}.idcard-wrapper{height:330px;transform:rotate(90deg) scale(.6);width:198px}.idcard-container{padding:0}}.admin-cards-grid{display:flex;flex-direction:column;gap:40px;padding:20px 0}.admin-card-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:20px}.admin-card-info{align-items:center;display:flex;gap:12px;margin-bottom:16px}.admin-card-name{color:#1f2937;font-size:18px;font-weight:700}.admin-card-role{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:3px 10px}.admin-card-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.admin-card-actions .action-btn{flex:0 1;padding:10px 20px}.admin-search-box{position:relative;width:100%}@media (min-width:1025px){.admin-search-box{width:300px}}.admin-search-box .search-icon{color:#6b7280;font-size:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.admin-search-box input{background:#fff;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;color:#1f2937;font-size:14px;outline:none;padding:10px 12px 10px 40px;width:100%}.admin-search-box input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}@media (min-width:1025px){.admin-cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}}.footer-sig-row{align-items:center;display:flex;flex-direction:row;gap:6px}.card-signature-img{display:inline-block;filter:brightness(0) invert(1);max-height:24px;max-width:80px;object-fit:contain}.feedback-main{background:#f8fafc;min-height:100vh;padding:16px}@media (min-width:769px){.feedback-main{padding:30px}}@media (min-width:1025px){.feedback-main{padding:40px}}.feedback-page{width:100%}.feedback-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;flex-direction:column;gap:16px;justify-content:space-between;margin-bottom:24px;padding:15px}@media (min-width:1025px){.feedback-header{align-items:center;flex-direction:row;margin-bottom:30px;padding:20px 15px}}.feedback-header h1{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}@media (min-width:769px){.feedback-header h1{font-size:28px}}@media (min-width:1025px){.feedback-header h1{font-size:36px}}.feedback-subtitle{color:#64748b;font-size:14px;font-weight:500;margin:0}@media (min-width:1025px){.feedback-subtitle{font-size:16px}}.refresh-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#1e3a8a);border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){box-shadow:0 6px 16px #1e40af4d;transform:translateY(-2px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn svg{font-size:18px}.spinning{animation:spin 1s linear infinite}.feedback-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:24px}@media (min-width:640px){.feedback-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.feedback-stats{gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:30px}}.stat-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-card:hover{border-color:#1e40af;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon.all{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-icon.new{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.contacted{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.progress{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.completed{background:linear-gradient(135deg,#059669,#047857)}.stat-info{flex:1 1}.stat-value{color:#1e293b;font-size:28px;font-weight:800;line-height:1;margin-bottom:4px}.stat-label{color:#64748b;font-size:13px;font-weight:600}.feedback-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}@media (min-width:769px){.feedback-filters{align-items:center;flex-direction:row}}.search-box{flex:1 1;position:relative}.search-box .search-icon{color:#6b7280;font-size:20px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:#fff;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;color:#1f2937;font-size:14px;outline:none;padding:12px 12px 12px 44px;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.status-filter{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#1f2937;cursor:pointer;font-size:14px;min-width:200px;outline:none;padding:12px 16px;transition:all .3s ease}.status-filter:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.feedback-content{min-height:400px}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner-large{animation:spin .8s linear infinite;border:4px solid #1e40af1a;border-radius:50%;border-top-color:#1e40af;height:48px;margin-bottom:16px;width:48px}.empty-state h3{color:#1e293b;font-size:20px;margin:16px 0 8px}.empty-state p{color:#64748b;font-size:14px;margin:0}.submissions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:769px){.submissions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.submissions-grid{grid-template-columns:repeat(3,1fr)}}.submission-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:20px;transition:all .3s ease}.submission-card:hover{border-color:#1e40af;box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.submission-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.submission-info h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 4px}.submission-date{color:#64748b;font-size:12px}.status-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:capitalize;white-space:nowrap}.submission-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{align-items:center;color:#475569;display:flex;font-size:14px;gap:8px}.detail-row svg{color:#64748b;flex-shrink:0;font-size:18px}.submission-preview{background:#f8fafc;border-left:3px solid #1e40af;border-radius:8px;display:flex;gap:8px;padding:12px}.submission-preview svg{color:#64748b;flex-shrink:0;font-size:18px;margin-top:2px}.submission-preview p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.modal-overlay{animation:fadeIn .2s ease;background:#00000080;padding:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px}.modal-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:#e2e8f0;color:#1e293b}.modal-body{padding:24px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section label{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-section p{color:#1e293b;font-size:15px;line-height:1.6;margin:0}.detail-section a{color:#1e40af;text-decoration:none;transition:color .3s ease}.detail-section a:hover{color:#1e3a8a;text-decoration:underline}.project-details{background:#f8fafc;border-left:3px solid #1e40af;border-radius:8px;padding:16px;white-space:pre-wrap}.status-actions{display:flex;flex-wrap:wrap;gap:8px}.status-btn{align-items:center;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;text-transform:capitalize;transition:all .3s ease}.status-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.status-btn:disabled{cursor:not-allowed;opacity:.6}.status-btn.active{box-shadow:0 4px 12px #0003}.access-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.access-denied h2{color:#1e293b;font-size:28px;margin-bottom:12px}.access-denied p{color:#64748b;font-size:16px}.business-card-main{background:#f8fafc;min-height:100vh;padding:40px}.business-card-page{margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.page-header{border-bottom:2px solid #e5e7eb;margin-bottom:30px;padding:20px 15px}.header-content h1{align-items:center;color:#1f2937;display:flex;font-size:32px;gap:12px;margin-bottom:8px}.header-content h1 svg{color:#3b82f6}.header-subtitle{color:#6b7280;font-size:14px;margin:0}.message-banner{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:10px;margin-bottom:24px;padding:16px 20px}.message-banner.success{background:#d1fae5;border:2px solid #10b981;color:#065f46}.message-banner.error{background:#fee2e2;border:2px solid #ef4444;color:#991b1b}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#6b7280;font-size:16px}.business-card-container{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:40px}.business-card-display{align-items:center;display:flex;flex-direction:column;gap:32px}.card-preview{background:#f3f4f6;border-radius:16px;box-shadow:0 8px 24px #0000001f;max-width:800px;overflow:hidden;width:100%}.card-image{display:block;height:auto;object-fit:contain;width:100%}.card-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-action{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-download{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-download:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-replace{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-replace:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-delete{background:#fee2e2;color:#ef4444}.btn-delete:hover{background:#fecaca;transform:translateY(-2px)}.business-card-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{color:#d1d5db;font-size:100px;margin-bottom:24px}.business-card-empty h2{color:#1f2937;font-size:28px;margin-bottom:12px}.business-card-empty p{color:#6b7280;font-size:16px;margin-bottom:24px}.btn-upload-primary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.btn-upload-primary:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.upload-hint{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:6px;justify-content:center;margin-top:16px}@media (max-width:768px){.business-card-main{padding:20px}.business-card-container{padding:24px}.header-content h1{font-size:24px}.card-actions{flex-direction:column;width:100%}.btn-action{justify-content:center;width:100%}.business-card-empty h2{font-size:22px}.empty-icon{font-size:80px}}.posters-section{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-top:40px;padding:40px}.posters-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.posters-header-left h2{align-items:center;color:#1f2937;display:flex;font-size:24px;gap:10px;margin-bottom:6px}.posters-header-left h2 svg{color:#8b5cf6}.posters-subtitle{color:#6b7280;font-size:14px;margin:0}.btn-add-poster{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-add-poster:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.sector-tabs{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;padding-bottom:20px}.filter-icon{color:#6b7280;flex-shrink:0;font-size:20px}.sector-tab{background:#fff;border:2px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.sector-tab:hover{border-color:#8b5cf6;color:#8b5cf6}.sector-tab.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.posters-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.poster-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.poster-card:hover{border-color:#8b5cf6;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.poster-image-wrap{aspect-ratio:3/4;background:#e5e7eb;cursor:pointer;overflow:hidden;position:relative;width:100%}.poster-image{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.poster-card:hover .poster-image{transform:scale(1.04)}.poster-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.poster-card:hover .poster-overlay{opacity:1}.overlay-icon{color:#fff;font-size:40px}.poster-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.poster-sector-badge{align-self:flex-start;background:#ede9fe;border-radius:20px;color:#7c3aed;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.poster-title{color:#1f2937;font-size:15px;font-weight:600;line-height:1.4;margin:0}.poster-actions{display:flex;gap:8px;margin-top:auto;padding-top:8px}.btn-poster-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-poster-download{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;flex:1 1;justify-content:center}.btn-poster-download:hover{box-shadow:0 4px 10px #3b82f64d;transform:translateY(-1px)}.btn-poster-delete{background:#fee2e2;color:#ef4444;padding:8px 12px}.btn-poster-delete:hover{background:#fecaca}.posters-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.posters-empty .empty-icon{color:#d1d5db;font-size:80px;margin-bottom:16px}.posters-empty h3{color:#1f2937;font-size:22px;margin-bottom:8px}.posters-empty p{color:#6b7280;font-size:15px}.modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-box{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.modal-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;padding:24px 28px 20px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:#1f2937;font-size:20px;gap:10px;margin:0}.modal-header h3 svg{color:#8b5cf6}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;padding:4px;transition:color .2s}.modal-close:hover{color:#1f2937}.poster-form{gap:20px;padding:24px 28px}.form-group,.poster-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input[type=text],.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group select:focus{border-color:#8b5cf6}.file-drop-zone{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:140px;padding:32px 20px;transition:all .2s ease}.file-drop-zone:hover{background:#f5f3ff;border-color:#8b5cf6}.drop-icon{color:#9ca3af;font-size:40px}.file-drop-zone p{color:#6b7280;font-size:15px;font-weight:500;margin:0}.file-drop-zone span{color:#9ca3af;font-size:12px}.file-preview-img{border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.file-name-hint{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;margin:0}.clear-file-btn{align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;display:flex;font-size:16px;padding:2px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.btn-modal-cancel{background:#f3f4f6;border:none;border-radius:10px;color:#374151;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:background .2s}.btn-modal-cancel:hover{background:#e5e7eb}.btn-modal-submit{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-modal-submit:hover:not(:disabled){box-shadow:0 6px 16px #8b5cf666;transform:translateY(-1px)}.btn-modal-submit:disabled{cursor:not-allowed;opacity:.7}.lightbox-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.lightbox-box{flex-direction:column;gap:16px;max-height:90vh;max-width:90vw;position:relative}.lightbox-box,.lightbox-close{align-items:center;display:flex}.lightbox-close{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#1f2937;cursor:pointer;font-size:20px;height:36px;justify-content:center;position:absolute;right:-16px;top:-16px;width:36px;z-index:10}.lightbox-image{border-radius:12px;box-shadow:0 8px 32px #0006;max-height:75vh;max-width:100%;object-fit:contain}.lightbox-caption{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.lightbox-title{color:#fff;font-size:16px;font-weight:600}@media (max-width:768px){.posters-section{padding:24px}.posters-header{flex-direction:column}.btn-add-poster{justify-content:center;width:100%}.posters-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.modal-box{max-height:95vh}.modal-header,.poster-form{padding:20px}}:root{--sidebar-width:0px}.app-container{background:#f8fafc;display:flex;min-height:100vh}.main-content{background:#f8fafc;flex:1 1;margin-bottom:70px;margin-left:0;margin-left:var(--sidebar-width);padding:0;transition:margin-left .3s ease,margin-bottom .3s ease}@media (min-width:1025px){:root{--sidebar-width:200px}.main-content{margin-bottom:0}}
/*# sourceMappingURL=main.5ac912c6.css.map*/