body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#4a6cf71a,#6a43f21a),url(https://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80) 50%/cover no-repeat;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.floating-shapes{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.shape{animation:float 6s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:80px;left:10%;top:10%;width:80px}.shape-2{animation-delay:2s;height:120px;left:80%;top:70%;width:120px}.shape-3{animation-delay:4s;height:60px;left:85%;top:20%;width:60px}.shape-4{animation-delay:1s;height:100px;left:15%;top:80%;width:100px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a,0 3px 10px #0000000d;max-width:420px;opacity:0;padding:40px 35px;position:relative;transform:translateY(50px) scale(.9);transition:all .8s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:1}.card-visible{opacity:1;transform:translateY(0) scale(1)}.login-header{margin-bottom:35px;text-align:center}.logo-container{display:inline-block;position:relative}.logo-pulse{animation:pulse 2s ease-in-out infinite;background:#4a6cf71a;border-radius:50%;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.login-header h1{animation:textGlow 3s ease-in-out infinite alternate;color:#333;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}@keyframes textGlow{0%{text-shadow:0 0 10px #4a6cf74d}to{text-shadow:0 0 20px #4a6cf799}}.login-header p{animation:fadeInUp .8s ease-out .2s both;color:#666;font-size:16px;font-weight:500;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-form{animation:formSlideIn .8s ease-out .4s both}@keyframes formSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.form-group{animation:formGroupSlide .6s ease-out both;margin-bottom:22px}.form-group:first-child{animation-delay:.6s}.form-group:nth-child(2){animation-delay:.8s}@keyframes formGroupSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group label{color:#555;display:block;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.label-animate:hover{color:#4a6cf7;transform:translateX(5px)}.form-group input{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:15px;font-weight:500;padding:14px 16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.input-animate:focus{background:#fff;border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726,0 5px 15px #4a6cf71a;outline:none;transform:translateY(-2px)}.input-animate:hover:not(:focus){border-color:#b8c2f8;transform:translateY(-1px)}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.login-btn{align-items:center;background:linear-gradient(135deg,#4a6cf7,#6a43f2);border:none;border-radius:10px;box-shadow:0 4px 15px #4a6cf74d,0 2px 5px #4a6cf733;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:10px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 25px #4a6cf766,0 4px 10px #4a6cf74d;transform:translateY(-3px) scale(1.02)}.login-btn:active:not(:disabled){transform:translateY(0) scale(1)}.btn-loading{animation:buttonPulse 1.5s ease-in-out infinite;pointer-events:none}@keyframes buttonPulse{0%,to{box-shadow:0 4px 15px #4a6cf74d,0 2px 5px #4a6cf733}50%{box-shadow:0 4px 20px #4a6cf780,0 2px 10px #4a6cf766}}.login-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-text{position:relative;z-index:1}.error-message{animation:errorSlideIn .5s ease-out;background:#ffebebe6;border:1px solid #d32f2f33;border-radius:8px;color:#d32f2f;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.shake-animation{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-footer{animation:fadeInUp .8s ease-out 1s both;border-top:1px solid #0000001a;margin-top:25px;padding-top:20px;text-align:center}.forgot-link{color:#4a6cf7;display:block;font-size:14px;font-weight:600;margin-bottom:15px;text-decoration:none;transition:all .3s ease}.hover-grow:hover{color:#3a5ce5;text-decoration:underline;transform:scale(1.05)}.create-account{color:#666;cursor:pointer;font-size:14px;font-weight:600;margin:0;transition:all .3s ease}@media (max-width:480px){.login-card{border-radius:16px;padding:30px 25px}.login-header h1{font-size:28px}.login-header p{font-size:15px}.form-group input{padding:12px 14px}.login-btn{padding:14px}.shape{display:none}}@media (max-width:350px){.login-card{padding:25px 20px}.login-header h1{font-size:24px}}.form-group input:disabled{animation:inputLoading 1.5s ease-in-out infinite}@keyframes inputLoading{0%,to{opacity:.7}50%{opacity:.5}}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;background:#fff;border-left:4px solid;border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;max-width:450px;min-width:300px;opacity:0;padding:14px 18px;pointer-events:auto;transform:translateX(400px);transition:all .3s ease}.toast-visible{opacity:1;transform:translateX(0)}.toast-success{background:#f0f9f4;border-left-color:#28a745}.toast-error{background:#fff5f5;border-left-color:#dc3545}.toast-warning{background:#fffbf0;border-left-color:#ffc107}.toast-info{background:#f0f9ff;border-left-color:#17a2b8}.toast-icon{align-items:center;display:flex;flex-shrink:0}.toast-success .toast-icon{color:#28a745}.toast-error .toast-icon{color:#dc3545}.toast-warning .toast-icon{color:#ffc107}.toast-info .toast-icon{color:#17a2b8}.toast-message{color:#2c3e50;flex:1 1;font-size:14px;font-weight:500;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s}.toast-close:hover{background:#0000000d;color:#2c3e50}@media (max-width:768px){.toast-container{left:10px;right:10px;top:10px}.toast{max-width:100%;min-width:auto}}.production-dashboard{background:#f8fafc;color:#334155;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.production-sidebar{background:linear-gradient(180deg,#1f7d53,#1a6b47);box-shadow:4px 0 12px #343a4026;left:0;min-height:100vh;padding:24px 0;position:fixed;top:0;width:280px;z-index:1000}.production-main-content{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh;padding:32px;transition:all .3s ease;width:calc(100% - 280px)}.production-sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:0 24px 32px}.production-sidebar-logo{align-items:center;color:#fff;display:flex;gap:9px;text-decoration:none}.production-sidebar-logo-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;justify-content:center;padding:12px}.production-sidebar-logo-text h2{color:#fff;font-size:20px;font-weight:700;margin:0}.production-sidebar-logo-text p{color:#fffc;font-size:12px;font-weight:500;margin:2px 0 0}.production-sidebar-nav{padding:0 16px}.production-sidebar-section{margin-bottom:32px}.production-sidebar-section-title{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 12px 12px;text-transform:uppercase}.production-sidebar-menu{list-style:none;margin:0;padding:0}.production-sidebar-menu-item{margin-bottom:4px}.production-sidebar-menu-link{align-items:center;border-radius:12px;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.production-sidebar-menu-link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.production-sidebar-menu-link.active{background:#ffffff26;box-shadow:0 4px 12px #0000001a;color:#fff}.production-sidebar-menu-link.active:before{background:#fff;border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.production-sidebar-menu-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.production-sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;bottom:80px;left:16px;padding:16px;position:absolute;right:16px}.production-sidebar-user-info{align-items:center;color:#fff;display:flex;gap:12px}.production-sidebar-user-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.production-sidebar-user-details h4{font-size:14px;font-weight:600;margin:0}.production-sidebar-user-details p{color:#ffffffb3;font-size:12px;margin:2px 0 0}.production-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:32px;padding:32px 40px}.production-header-content{align-items:center;display:flex;justify-content:space-between}.production-header-left{align-items:center;display:flex;gap:20px}.production-header-title h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0}.production-header-title p{color:#64748b;font-size:16px;font-weight:500;margin:4px 0 0}.production-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.production-breadcrumb-separator{color:#cbd5e1}.production-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.production-btn-primary{background:#37b46f;box-shadow:0 1px 1px #0003;color:#fff}.production-btn-primary:hover{background:#4caf50;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}.production-btn-secondary{background:#66bb6a;box-shadow:0 1px 1px #0003;color:#fff}.production-btn-secondary:hover{background:#37b46f;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}.production-btn-success{background:#66bb6a;box-shadow:0 1px 1px #0003;color:#fff}.production-btn-success:hover{background:#37b46f;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}.production-btn-danger{background:#dd4b39;box-shadow:0 1px 1px #0003;color:#fff}.production-btn-danger:hover{background:#d73925;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}.production-btn-warning{background:#f3797e;box-shadow:0 1px 1px #0003;color:#fff}.production-btn-warning:hover{background:#d75c63;box-shadow:0 2px 4px #00000040;transform:translateY(-1px)}.production-filters{background:#fff;border:1px solid #d2d6de;border-radius:16px;box-shadow:0 1px 1px #0000001a;margin-bottom:32px;padding:24px 32px}.production-filters-content{align-items:center;display:flex;justify-content:space-between}.production-filter-group{align-items:center;display:flex;gap:15px}.production-filter-group label{color:#374151;font-size:14px;font-weight:600}.production-filter-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease}.production-filter-input:focus{border-color:#66bb6a;box-shadow:0 0 0 3px #7da0fa26;outline:none}.production-filter-info{color:#1e293b;font-size:16px;font-weight:600}.production-stats-container{margin-bottom:32px}.production-stats-header{align-items:center;display:flex;gap:15px;margin-bottom:24px}.production-stats-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.production-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.production-stat-card{border-radius:16px;box-shadow:0 1px 1px #0000001a;cursor:pointer;overflow:hidden;padding:32px 24px;position:relative;text-align:left;transition:all .2s ease}.production-stat-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.production-stat-card.stat-total{background:linear-gradient(135deg,#37b46f,#66bb6a);color:#fff}.production-stat-card.stat-pending{background:linear-gradient(135deg,#f3797e,#fcd5dd);color:#37b46f}.production-stat-card.stat-progress{background:linear-gradient(135deg,#66bb6a,#81c784);color:#fff}.production-stat-card.stat-completed{background:linear-gradient(135deg,#37b46f 20%,#66bb6a);color:#fff}.production-stat-card h3{font-size:32px;font-weight:700;line-height:1;margin:0 0 8px}.production-stat-card p{font-size:16px;font-weight:600;margin:0 0 12px;opacity:.9}.production-stat-card small{display:block;font-size:12px;font-weight:500;margin-top:8px;opacity:.8}.production-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;gap:4px;margin-bottom:32px;padding:8px}.production-tab{background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;text-align:center;transition:all .2s ease}.production-tab.active{background:#37b46f;box-shadow:0 2px 8px #43387826;color:#fff}.production-tab:hover:not(.active){background:#f1f5f9;color:#37b46f}.production-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:24px;padding:24px;transition:all .2s ease}.production-card:hover{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f}.production-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.production-card-title{color:#1e293b;font-size:18px;font-weight:700;margin:0}.production-form-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:32px}.production-form{grid-gap:20px;display:grid;gap:20px}.production-form-group{display:flex;flex-direction:column;gap:8px}.production-form-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.production-form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.production-form-input:focus{border-color:#7e60bf;box-shadow:0 0 0 3px #7e60bf1a;outline:none}.production-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.production-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.production-table thead{background:#f8fafc}.production-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.production-table td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:14px;padding:16px 20px}.production-table tbody tr:hover{background:#f8fafc}.production-table tbody tr:last-child td{border-bottom:none}.production-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.025em;padding:6px 12px;text-transform:uppercase}.production-badge-pending,.production-badge-pending-production{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.production-badge-in-progress,.production-badge-progress{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.production-badge-approved,.production-badge-completed{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.production-badge-assigned{background:#e0e7ff;border:1px solid #c7d2fe;color:#3730a3}.production-badge-revision-required{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.production-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.production-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:700px;overflow:hidden;position:relative;width:100%}.production-modal-header{align-items:center;background:linear-gradient(135deg,#37b46f,#66bb6a);color:#fff;display:flex;justify-content:space-between;padding:20px}.production-modal-header h3{font-size:18px;font-weight:600;margin:0}.production-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.production-modal-close:hover{background:#ffffff4d}.production-modal-body{max-height:calc(80vh - 80px);overflow-y:auto;padding:20px}.production-empty-state{color:#6c757d;padding:60px 20px;text-align:center}.production-empty-state h3{font-size:18px;font-weight:600;margin:0 0 10px}.production-empty-state p{font-size:14px;margin:0}@media (max-width:1024px){.production-sidebar{width:240px}.production-main-content{margin-left:240px}}@media (max-width:768px){.production-sidebar{height:auto;min-height:auto;position:relative;width:100%}.production-main-content{margin-left:0}.production-dashboard{flex-direction:column}.production-sidebar-user{bottom:auto;left:auto;margin-top:24px;position:relative;right:auto}.production-stats-grid{grid-template-columns:repeat(2,1fr)}.production-form-row{grid-template-columns:1fr}.production-tabs{flex-direction:column}}@media (max-width:480px){.production-stats-grid{grid-template-columns:1fr}.production-sidebar{padding:16px 0}.production-main-content{padding:16px}.production-header{padding:16px 20px}.production-header-title h1{font-size:24px}}.production-fade-in{animation:productionFadeIn .3s ease-in}@keyframes productionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.production-slide-up{animation:productionSlideUp .4s ease-out}@keyframes productionSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.production-loading{align-items:center;display:flex;justify-content:center;padding:40px}.production-spinner{animation:productionSpinner 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#37b46f;height:40px;width:40px}@keyframes productionSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.production-client-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden}.production-client-header{align-items:center;background:linear-gradient(135deg,#37b46f,#66bb6a);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.production-client-header:hover{background:linear-gradient(135deg,#4caf50,#66bb6a)}.production-client-id-badge{background:#fff3;border-radius:8px;font-size:14px;font-weight:600;padding:8px 12px}.production-client-info{align-items:center;display:flex;gap:16px}.production-client-stats{font-size:14px;margin-top:4px;opacity:.9}.production-expand-icon{font-size:24px;transition:transform .3s ease}.production-expand-icon.expanded{transform:rotate(180deg)}.production-tasks-list{margin-top:20px}.production-tasks-grid{display:flex;flex-direction:column;gap:16px}.production-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.production-select:focus{border-color:#7e60bf;box-shadow:0 0 0 3px #7e60bf1a;outline:none}.production-calendar-container{padding:20px}.production-calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-top:20px}.production-calendar-day-header{background:#f8fafc;border-radius:8px;color:#37b46f;font-weight:700;padding:12px;text-align:center}.production-calendar-day{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:12px;position:relative;transition:all .3s ease}.production-calendar-day.has-tasks{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #37b46f}.production-calendar-day.today{background:linear-gradient(135deg,#37b46f,#66bb6a);color:#fff}.production-calendar-day:hover{box-shadow:0 8px 20px #4338784d;transform:translateY(-2px)}.production-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#37b46f,#66bb6a);-webkit-background-clip:text;background-clip:text}.production-shadow-hover{transition:all .2s ease}.production-shadow-hover:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.production-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.production-clients-table{border-collapse:collapse;font-size:14px;width:100%}.production-clients-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.production-clients-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.025em;padding:10px 12px;text-align:left;text-transform:uppercase}.production-clients-table th:first-child{text-align:center;width:5%}.production-clients-table th:nth-child(2){text-align:left;width:25%}.production-clients-table th:nth-child(3){text-align:center;width:10%}.production-clients-table th:nth-child(4),.production-clients-table th:nth-child(5){text-align:center;width:12%}.production-clients-table th:nth-child(6){text-align:center;width:15%}.production-clients-table th:nth-child(7){text-align:center;width:13%}.production-clients-table th:last-child{text-align:center;width:8%}.production-client-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.production-client-row:hover{background-color:#f8fafc}.production-clients-table td{padding:10px 12px;vertical-align:middle}.production-clients-table td:first-child{text-align:center;width:5%}.production-clients-table td:nth-child(2){text-align:left;width:25%}.production-clients-table td:nth-child(3){text-align:center;width:10%}.production-clients-table td:nth-child(4),.production-clients-table td:nth-child(5){text-align:center;width:12%}.production-clients-table td:nth-child(6){text-align:center;width:15%}.production-clients-table td:nth-child(7){text-align:center;width:13%}.production-clients-table td:last-child{text-align:center;width:8%}.client-avatar{background:linear-gradient(135deg,#37b46f,#66bb6a)}.production-client-name span{color:#1f2937;font-weight:600}.production-client-email{color:#6b7280}.task-count{display:inline-block}.production-client-date{color:#6b7280;font-size:13px}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.status-badge.error{background:#fef2f2;color:#991b1b}.production-client-company{color:#6b7280}.production-expanded-row{background:#f8fafc;border-top:none}.production-expanded-content{padding:0 20px 20px!important}.task-description{color:#4b5563;font-size:13px;line-height:1.4;margin:8px 0 0}.tasks-detail-table th{padding:8px 10px}.tasks-detail-table th:first-child{text-align:center;width:5%}.tasks-detail-table th:nth-child(2){width:18%}.tasks-detail-table th:nth-child(3),.tasks-detail-table th:nth-child(4){width:11%}.tasks-detail-table th:nth-child(5),.tasks-detail-table th:nth-child(6){width:14%}.tasks-detail-table th:nth-child(7){width:15%}.tasks-detail-table th:nth-child(8){width:12%}.tasks-detail-table td{padding:8px 10px}.tasks-detail-table td:first-child{text-align:center;width:5%}.tasks-detail-table td:nth-child(2){width:18%}.tasks-detail-table td:nth-child(3),.tasks-detail-table td:nth-child(4){text-align:center;width:11%}.tasks-detail-table td:nth-child(5){width:14%}.tasks-detail-table td:nth-child(6){text-align:center;width:14%}.tasks-detail-table td:nth-child(7){width:15%}.tasks-detail-table td:nth-child(8){text-align:center;width:12%}.assigned-user{gap:8px}.user-avatar{background:linear-gradient(135deg,#37b46f,#66bb6a);font-size:10px;font-weight:600;height:24px;width:24px}.unassigned-text{color:#9ca3af;font-style:italic}.task-description-text{color:#6b7280;font-size:12px;line-height:1.4}.no-description{color:#9ca3af;font-size:12px;font-style:italic}.task-status-badge{display:inline-block;min-width:120px;text-align:center}.task-status-badge.pending-production{background:#fef3c7;color:#92400e}.task-status-badge.approved{background:#dbeafe;color:#1e40af}.task-status-badge.assigned-to-department{background:#e0e7ff;color:#4338ca}.task-status-badge.in-progress{background:#fef3c7;color:#92400e}.task-status-badge.completed{background:#d1fae5;color:#065f46}.task-status-badge.pending-client-approval{background:#fef3c7;color:#92400e}.task-status-badge.revision-required{background:#fee2e2;color:#991b1b}.task-status-badge.posted{background:#72b994;color:#065f46}.task-actions-cell{text-align:center}@media (max-width:1024px){.production-sidebar{width:240px}.production-main-content{margin-left:240px;padding:16px}.production-stats-grid{gap:16px!important;grid-template-columns:repeat(2,1fr)!important}.production-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:768px){.production-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:2000}.production-sidebar.mobile-open{box-shadow:4px 0 20px #0000004d;transform:translateX(0)}.production-main-content{margin-left:0;max-width:100vw;overflow-x:hidden;padding:12px;width:100%}.mobile-menu-button{display:flex!important;left:16px!important;position:fixed!important;top:16px!important;z-index:1500!important}.mobile-overlay{display:block!important}.production-stats-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding:0!important}.production-header{border-radius:12px!important;margin-bottom:16px!important;padding:60px 12px 16px!important}.production-header-content{flex-direction:column;gap:12px}.production-header-left,.production-header-right{width:100%}.production-header-title h1{font-size:22px!important}.production-header-title p{font-size:13px!important}.production-breadcrumb{font-size:12px!important}.production-card{border-radius:12px!important;margin-bottom:16px!important;padding:16px!important}.production-card-header{align-items:flex-start!important;flex-direction:column;gap:12px;padding:12px 0!important}.production-card-title{font-size:16px!important}.production-table-container,.tasks-table-container{-webkit-overflow-scrolling:touch;margin:0 -16px;overflow-x:auto;padding:0 16px}.production-clients-table,.tasks-detail-table{font-size:12px!important;min-width:800px}.production-clients-table td,.production-clients-table th,.tasks-detail-table td,.tasks-detail-table th{padding:10px 8px!important;white-space:nowrap}.production-calendar-grid{gap:4px!important;padding:8px!important}.production-calendar-day{font-size:12px!important;min-height:60px!important;padding:6px!important}.production-calendar-day-header{font-size:12px!important;padding:8px 4px!important}.production-form-group{margin-bottom:16px!important}.production-form-group label{font-size:13px!important}.production-form-group input,.production-form-group select,.production-form-group textarea{font-size:14px!important;padding:10px 12px!important}.production-btn,button{font-size:13px!important;padding:10px 16px!important}.production-filter-group{align-items:flex-start!important;flex-direction:column;gap:8px;width:100%}.production-filter-input{width:100%!important}.production-modal{padding:12px!important}.production-modal-content{max-width:95%!important;width:95%!important}div[style*="overflowX: auto"]{margin:0 -16px!important;padding:0 16px!important}}@media (max-width:480px){.production-main-content{padding:8px}.production-header{margin-bottom:12px!important;padding:60px 8px 12px!important}.production-header-title h1{font-size:20px!important}.production-header-title p{font-size:12px!important}.production-stats-grid{gap:12px!important;grid-template-columns:1fr!important}.production-stat-card,.production-stats-grid>div{padding:20px 16px!important}.production-stat-card h3,.production-stats-grid h3{font-size:28px!important}.production-stat-card p,.production-stats-grid p{font-size:14px!important}.production-stat-card small,.production-stats-grid small{font-size:11px!important}.production-card{margin-bottom:12px!important;padding:12px!important}.production-card-header{padding:8px 0!important}.production-card-title{font-size:15px!important}.production-table-container,.tasks-table-container{margin:0 -12px;padding:0 12px}.production-clients-table,.tasks-detail-table{font-size:11px!important;min-width:700px}.production-clients-table td,.production-clients-table th,.tasks-detail-table td,.tasks-detail-table th{padding:8px 6px!important}.client-avatar,.user-avatar{font-size:14px!important;height:32px!important;width:32px!important}.production-calendar-grid{gap:2px!important;padding:4px!important}.production-calendar-day{font-size:11px!important;min-height:50px!important;padding:4px!important}.production-calendar-day-header{font-size:11px!important;padding:6px 2px!important}.production-btn,button{font-size:12px!important;padding:8px 12px!important}.production-card-header button{font-size:11px!important;padding:6px 10px!important}.production-modal{padding:8px!important}.production-modal-content{border-radius:12px!important}.production-modal h3{font-size:16px!important}.production-form-group input,.production-form-group select,.production-form-group textarea{font-size:13px!important;padding:8px 10px!important}.production-sidebar-user{padding:12px!important}.production-sidebar-user-details h4{font-size:13px!important}.production-sidebar-user-details p{font-size:11px!important}.department-badge,.production-badge,.status-badge,.task-status-badge{font-size:10px!important;padding:4px 8px!important}.task-count{font-size:11px!important;padding:3px 8px!important}}@media (max-height:500px) and (orientation:landscape){.production-sidebar{overflow-y:auto;padding:8px 0}.production-sidebar-header{margin-bottom:12px;padding:0 16px 12px}.production-sidebar-section{margin-bottom:8px}.production-sidebar-menu-item{margin-bottom:2px}.production-sidebar-menu-link{padding:8px 12px}.production-sidebar-user{bottom:auto;padding:8px;position:relative}}@media (hover:none) and (pointer:coarse){.production-btn,.production-sidebar-menu-link,button{align-items:center;display:inline-flex;justify-content:center;min-height:44px}.production-sidebar-menu-item{margin-bottom:8px}input[type=checkbox]{height:20px;width:20px}}@media (max-width:768px){.production-table-container::-webkit-scrollbar,.tasks-table-container::-webkit-scrollbar{height:8px}.production-table-container::-webkit-scrollbar-track,.tasks-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.production-table-container::-webkit-scrollbar-thumb,.tasks-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.production-table-container::-webkit-scrollbar-thumb:hover,.tasks-table-container::-webkit-scrollbar-thumb:hover{background:#555}}@media (max-width:768px){div[style*="position: fixed"][style*="transform: translate"]{max-height:90vh!important;max-width:95%!important;width:95%!important}.production-card[style*="position: fixed"]{max-width:95%!important;width:95%!important}.production-clients-table{display:none!important}.client-card-mobile{display:block}.client-task-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px;transition:all .2s ease}.client-task-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.client-task-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.client-task-card-info{align-items:center;display:flex;flex:1 1;gap:12px}.client-task-card .client-avatar{align-items:center;background:linear-gradient(135deg,#37b46f,#66bb6a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.client-task-card-name-section{flex:1 1;min-width:0}.client-task-card-name{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-task-card-checkbox{cursor:pointer;flex-shrink:0;height:20px;width:20px}.client-task-card-body{display:flex;flex-direction:column;gap:12px}.client-task-card-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.client-task-card-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.client-task-card-value{color:#374151;font-size:14px;font-weight:600}.client-task-card-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.client-task-stat-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.client-task-stat-badge.in-progress{background:#dbeafe;color:#1e40af}.client-task-stat-badge.completed{background:#dcfce7;color:#166534}.client-task-stat-badge.video{background:#fef2f2;color:#991b1b}.client-task-stat-badge.graphics{background:#fce7f3;color:#ec4899}.client-task-card-date{color:#6b7280;font-size:12px}.client-task-card-footer{border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:12px;padding-top:12px}.client-task-card-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.client-task-card-btn.view-btn{background:linear-gradient(135deg,#37b46f,#2e7d32);color:#fff}.client-task-card-btn.view-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.client-task-card-btn.add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.client-task-card-btn.add-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}}@media (max-width:480px){.client-task-card{margin-bottom:12px;padding:14px}.client-task-card .client-avatar{font-size:16px;height:40px;width:40px}.client-task-card-name{font-size:15px}.client-task-stat-badge{font-size:10px;padding:3px 8px}.client-task-card-btn{font-size:12px;padding:8px}}.task-detail-card-mobile{display:none}@media (max-width:768px){.tasks-detail-table{display:none!important}.task-detail-card-mobile{display:block}.task-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-bottom:12px;padding:14px;transition:all .2s ease}.task-detail-card:hover{box-shadow:0 4px 10px #0000001f}.task-detail-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.task-detail-card-title{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:6px;margin:0 0 4px}.task-detail-card-checkbox{cursor:pointer;flex-shrink:0;height:18px;width:18px}.task-detail-card-body{display:flex;flex-direction:column;gap:10px}.task-detail-card-row{align-items:center;display:flex;justify-content:space-between}.task-detail-card-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.task-detail-card-value{color:#374151;font-size:13px;font-weight:500}.task-detail-card-description{border-top:1px solid #f3f4f6;color:#6b7280;font-size:12px;line-height:1.5;margin-top:8px;padding-top:8px}.task-detail-card-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:12px;padding-top:12px}.task-detail-card-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.task-detail-card-btn.assign-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.task-detail-card-btn.assign-btn:hover{box-shadow:0 3px 10px #3b82f64d;transform:translateY(-1px)}}@media (max-width:480px){.task-detail-card{margin-bottom:10px;padding:12px}.task-detail-card-title{font-size:14px}.task-detail-card-btn{font-size:11px;padding:7px 10px}}@media (max-width:768px){.task-detail-card-row select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;min-width:150px;padding-right:32px!important;transition:all .2s ease}.task-detail-card-row select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:scale(1.02)}.task-detail-card-row select:active{transform:scale(.98)}}.strategy-dashboard{background:#f8fafc;color:#e9ecf0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.strategy-sidebar{background:linear-gradient(180deg,#1f7d53,#1a6b47);z-index:1100}.strategy-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px}.strategy-breadcrumb-separator{color:#cbd5e1}.strategy-btn-logout:hover{background:#d73925;border-color:#b91c1c;box-shadow:0 6px 16px #dd4b394d,0 3px 6px #dd4b3933}.strategy-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:24px 32px}.strategy-filters-content{align-items:center;display:flex;justify-content:space-between}.strategy-filter-group label{color:#374151;font-size:14px;font-weight:600}.strategy-filter-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;padding:12px 16px;transition:all .2s ease}.strategy-filter-input:focus{border-color:#7da0fa;box-shadow:0 0 0 3px #7da0fa26;outline:none}.strategy-filter-info{color:#1e293b;font-size:16px;font-weight:600}.strategy-stats-container{margin-bottom:32px}.strategy-stats-header{align-items:center;display:flex;gap:15px;margin-bottom:24px}.strategy-stats-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.strategy-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.strategy-stat-card{border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;overflow:hidden;padding:32px 24px;position:relative;text-align:left;transition:all .2s ease}.strategy-stat-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.strategy-stat-card.stat-total{background:linear-gradient(135deg,#4b49ac,#7da0fa);color:#fff}.strategy-stat-card.stat-progress{background:linear-gradient(135deg,#7da0fa,#98bdff);color:#fff}.strategy-stat-card.stat-pending{background:linear-gradient(135deg,#f3797e,#fcd5dd);color:#4b49ac}.strategy-stat-card.stat-approved{background:linear-gradient(135deg,#4b49ac 20%,#7da0fa);color:#fff}.strategy-stat-card h3{font-size:32px;font-weight:700;line-height:1;margin:0 0 8px}.strategy-stat-card p{font-size:16px;font-weight:600;margin:0 0 12px;opacity:.9}.strategy-stat-card small{display:block;font-size:12px;font-weight:500;margin-top:8px;opacity:.8}.strategy-calendar-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:32px}.strategy-calendar-header{align-items:center;border-bottom:2px solid #f8f9fa;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.strategy-calendar-title{align-items:center;display:flex;gap:15px}.strategy-calendar-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4b49ac,#7da0fa);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin:0}.strategy-send-btn{align-items:center;background:linear-gradient(135deg,#7da0fa,#4b49ac);border:none;border-radius:12px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.strategy-send-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.strategy-calendar-nav{gap:30px;margin-bottom:25px}.strategy-calendar-nav,.strategy-nav-btn{align-items:center;display:flex;justify-content:center}.strategy-nav-btn{background:linear-gradient(135deg,#4b49ac,#7da0fa);border:none;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;height:45px;transition:all .3s ease;width:45px}.strategy-nav-btn:hover{box-shadow:0 6px 20px #667eea66;transform:scale(1.1)}.strategy-current-month{color:#495057;font-size:20px;font-weight:700;margin:0;min-width:200px;text-align:center}.strategy-calendar-grid{grid-gap:2px;background:#f8f9fa;border-radius:15px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:15px}.strategy-calendar-day-name{background:linear-gradient(135deg,#4b49ac,#7da0fa);border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:15px 5px;text-align:center}.strategy-calendar-day{background:#fff;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:8px;position:relative;transition:all .3s ease}.strategy-calendar-day:hover{box-shadow:0 4px 15px #0000001a;transform:scale(1.02)}.strategy-calendar-day.empty{background:#0000;cursor:default}.strategy-calendar-day.today{background:linear-gradient(135deg,#37b46f,#2d9159);color:#fff}.strategy-calendar-day.has-tasks{border:2px solid #28a745}.strategy-calendar-day.selected{background:linear-gradient(135deg,#ffc107,#ff8f00);color:#fff}.strategy-day-number{font-size:14px;font-weight:600;margin-bottom:5px}.strategy-task-indicators{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.strategy-task-indicator{background:#28a745;border-radius:50%;height:8px;width:8px}.strategy-task-count{color:#666;font-size:10px;font-weight:600;margin-left:2px}.strategy-client-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;overflow:hidden}.strategy-client-header{background:linear-gradient(135deg,#37b46f,#2d9159);color:#fff;padding:25px 30px}.strategy-client-header h2{font-size:24px;font-weight:700;margin:0 0 10px}.strategy-client-controls{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 30px}.strategy-client-filters{align-items:center;display:flex;gap:15px}.strategy-client-actions{align-items:center;display:flex;gap:10px}.strategy-client-card{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 20px #00000014;margin:20px;overflow:hidden;transition:all .3s ease}.strategy-client-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.strategy-client-card-header{background:linear-gradient(135deg,#37b46f,#2d9159);color:#fff;cursor:pointer;padding:20px;transition:all .3s ease}.strategy-client-card-header:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.strategy-client-info{align-items:center;display:flex;justify-content:space-between}.strategy-client-details{align-items:center;display:flex;gap:16px}.strategy-client-id{background:#fff3;border-radius:8px;font-size:14px;font-weight:600;padding:8px 12px}.strategy-client-name h3{font-size:18px;font-weight:600;margin:0}.strategy-client-stats{font-size:14px;margin-top:4px;opacity:.9}.strategy-expand-icon{font-size:24px;transition:transform .3s ease}.strategy-expand-icon.expanded{transform:rotate(180deg)}.strategy-task-table{border-collapse:collapse;width:100%}.strategy-task-table thead{background:#f8f9fa}.strategy-task-table th{border-bottom:2px solid #e9ecef;color:#6c757d;font-size:12px;font-weight:600;padding:15px;text-align:left;text-transform:uppercase}.strategy-task-table td{border-bottom:1px solid #f1f3f4;color:#495057;font-size:14px;padding:15px}.strategy-task-table tbody tr:hover{background:#f8f9fa}.strategy-task-table tbody tr.selected{background:#e8f5e9}.strategy-form-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:32px}.strategy-form{grid-gap:20px;display:grid;gap:20px}.strategy-form-group{display:flex;flex-direction:column;gap:8px}.strategy-form-group label{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.strategy-form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.strategy-form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.strategy-form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.strategy-modal-header{background:linear-gradient(135deg,#37b46f,#2d9159)}.strategy-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.025em;padding:6px 12px;text-transform:uppercase}.strategy-badge-video{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.strategy-badge-graphics{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.strategy-badge-approved{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.strategy-badge-pending{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.strategy-empty-state{color:#6c757d;padding:60px 20px;text-align:center}.strategy-empty-state h3{font-size:18px;font-weight:600;margin:0 0 10px}.strategy-empty-state p{font-size:14px;margin:0}@media (max-width:1024px){.strategy-sidebar{background-color:#1f7d53;width:240px}.strategy-main-content{margin-left:240px}.strategy-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.strategy-clients-table{min-width:900px}}@media (max-width:768px){.strategy-sidebar{height:auto;min-height:auto;position:relative;width:100%}.strategy-main-content{margin-left:0;padding:16px}.strategy-dashboard{flex-direction:column}.strategy-sidebar-user{bottom:auto;left:auto;margin-top:24px;position:relative;right:auto}.strategy-stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.strategy-form-row{grid-template-columns:1fr}.strategy-header{padding:16px}.strategy-header-content{align-items:flex-start;flex-direction:column;gap:16px}.strategy-header-right{flex-direction:column;gap:12px;width:100%}.strategy-filter-group,.strategy-filter-input{width:100%}.strategy-table-container{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.strategy-clients-table{font-size:13px;min-width:800px}.strategy-clients-table td,.strategy-clients-table th{padding:10px 8px;white-space:nowrap}.strategy-client-section{margin-bottom:20px}.strategy-client-section>div:first-child{align-items:stretch!important;flex-direction:column}.strategy-client-section>div:first-child>div:last-child{flex-direction:column;gap:12px!important}.strategy-calendar-grid{gap:1px;padding:8px}.strategy-calendar-day{font-size:12px;min-height:60px;padding:4px}.strategy-calendar-day-name{font-size:12px;padding:10px 2px}.strategy-modal{padding:10px}.strategy-modal-content{max-height:90vh;max-width:100%}.strategy-stat-card{padding:20px 16px}.strategy-stat-card h3{font-size:28px}.strategy-stat-card p{font-size:14px}}@media (max-width:480px){.strategy-stats-grid{gap:12px;grid-template-columns:1fr}.strategy-sidebar{padding:12px 0}.strategy-main-content{padding:12px}.strategy-header{margin-bottom:16px;padding:12px}.strategy-header-title h1{font-size:20px}.strategy-header-title p{font-size:14px}.strategy-table-container{-webkit-overflow-scrolling:touch;margin:0 -12px;overflow-x:auto;padding:0 12px}.strategy-clients-table{font-size:12px;min-width:700px}.strategy-clients-table td,.strategy-clients-table th{padding:8px 6px}.strategy-btn{font-size:13px;padding:10px 16px}.strategy-calendar-grid{gap:1px;padding:4px}.strategy-calendar-day{font-size:11px;min-height:45px;padding:2px}.strategy-calendar-day-name{font-size:11px;padding:8px 2px}.strategy-day-number{font-size:12px}.strategy-form-input{font-size:14px;padding:10px 12px}.strategy-stat-card{padding:16px 12px}.strategy-stat-card h3{font-size:24px}.strategy-stat-card p{font-size:13px}.strategy-stat-card small{font-size:11px}.client-avatar{font-size:14px;height:32px;width:32px}.strategy-client-section td>div{flex-wrap:wrap;gap:4px!important}.strategy-client-section td>div>div{font-size:10px!important;min-width:45px!important;padding:3px 6px!important}.strategy-header-right>div[style*="position: relative"]>div[style*="position: absolute"]{left:auto!important;right:-10px!important;width:95vw!important}.strategy-modal-content{border-radius:12px;max-height:95vh}.strategy-modal-body{padding:16px}.strategy-form-container{margin-bottom:16px;padding:16px}.strategy-client-section input[type=text]{min-width:100%!important}.strategy-client-section button{justify-content:center;width:100%}}.strategy-fade-in{animation:strategyFadeIn .3s ease-in}@keyframes strategyFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.strategy-slide-up{animation:strategySlideUp .4s ease-out}@keyframes strategySlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.strategy-loading{align-items:center;display:flex;justify-content:center;padding:40px}.strategy-spinner{animation:strategySpinner 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4b49ac;height:40px;width:40px}@keyframes strategySpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.strategy-text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4b49ac,#7da0fa);-webkit-background-clip:text;background-clip:text}.mobile-scroll-hint{background:#f0f9ff;border-radius:4px;color:#0369a1;display:none;font-size:12px;margin-bottom:8px;padding:8px;text-align:center}@media (max-width:768px){.mobile-scroll-hint{display:block}}.strategy-shadow-hover{transition:all .2s ease}.strategy-shadow-hover:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-2px)}.strategy-table-container{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;overflow-y:visible;position:relative}.strategy-clients-table{border-collapse:collapse;font-size:14px;min-width:100%;width:100%}.strategy-table-container:after{background:linear-gradient(270deg,#ffffffe6,#0000);bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s;width:30px}@media (max-width:768px){.strategy-table-container:after{opacity:1}.strategy-table-container::-webkit-scrollbar{height:8px}.strategy-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.strategy-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.strategy-table-container::-webkit-scrollbar-thumb:hover{background:#555}}.strategy-clients-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.strategy-clients-table th{color:#374151;font-size:13px;font-weight:600;letter-spacing:.025em;padding:16px 20px;text-align:left;text-transform:uppercase}.strategy-clients-table th:first-child{width:40%}.strategy-clients-table th:nth-child(2){width:15%}.strategy-clients-table th:nth-child(3){width:20%}.strategy-clients-table th:nth-child(4){width:15%}.strategy-clients-table th:last-child{width:10%}.strategy-client-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.strategy-client-row:hover{background-color:#f8fafc}.strategy-clients-table td{padding:16px 20px;vertical-align:middle}.client-name-container{align-items:center;display:flex;gap:12px}.client-avatar{align-items:center;background:linear-gradient(135deg,#4b49ac,#7da0fa);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.strategy-client-name span{color:#1f2937;font-weight:600}.strategy-client-email{color:#6b7280}.task-count{background:#f3f4f6;border-radius:16px;color:#374151;font-size:13px;padding:4px 12px}.strategy-client-date{color:#6b7280;font-size:13px}.status-badge{border-radius:16px;padding:6px 12px;text-transform:capitalize}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef3c7;color:#92400e}.strategy-client-company{color:#6b7280}.action-btn{background:none;border-radius:4px;color:#9ca3af;padding:8px}.action-btn:hover{background:#f3f4f6;color:#6b7280}.add-task-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.add-task-btn:hover{background:#059669;transform:scale(1.05)}.strategy-expanded-row{background:#f8fafc;border-top:none}.strategy-expanded-content{padding:0 20px 20px!important}.expanded-tasks-container{max-width:100%}.tasks-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:0;overflow:hidden}.tasks-detail-table{border-collapse:collapse;font-size:13px;width:100%}.tasks-detail-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.tasks-detail-table th{color:#374151;font-size:12px;font-weight:600;letter-spacing:.025em;padding:12px 16px;text-align:left;text-transform:uppercase}.task-detail-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.task-detail-row:hover{background-color:#f9fafb}.tasks-detail-table td{padding:12px 16px;vertical-align:middle}.task-name-container{align-items:center;display:flex;gap:8px}.task-icon{font-size:16px}.task-name{color:#1f2937;font-weight:600}.department-badge{font-size:11px;font-weight:600;letter-spacing:.025em;padding:4px 8px;text-transform:uppercase}.department-badge.video{background:#fef2f2;color:#991b1b}.department-badge.graphics{background:#eff6ff;color:#1e40af}.department-badge.social-media{background:#f0fdf4;color:#166534}.department-badge.unassigned{background:#f3f4f6;color:#6b7280}.task-date{color:#6b7280;font-size:12px}.task-status-badge{border-radius:12px;font-weight:600;letter-spacing:.025em;padding:4px 8px}.task-status-badge.pending{background:#fef3c7;color:#92400e}.task-status-badge.approved{background:#dcfce7;color:#166534}.approve-btn{background:#4b49ac;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.approve-btn:hover{background:#7978e9}.approved-text{color:#166534;font-size:12px;font-weight:600}.strategy-task-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:16px}.strategy-task-form .form-group{margin-bottom:12px}.strategy-task-form .form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.strategy-task-form .form-group input,.strategy-task-form .form-group select,.strategy-task-form .form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.strategy-task-form .form-group textarea{height:50px;min-height:40px;resize:vertical}.strategy-task-form .form-group input:focus,.strategy-task-form .form-group select:focus,.strategy-task-form .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.strategy-task-form .checkbox-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:8px;padding:8px 12px}.strategy-task-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.strategy-task-form .form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.strategy-task-form .btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.strategy-task-form .btn-primary{background:#3b82f6;border:none;color:#fff}.strategy-task-form .btn-primary:hover{background:#2563eb}.strategy-task-form .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.strategy-task-form .btn-secondary:hover{background:#e5e7eb}.strategy-header-content{margin:0 auto;max-width:1200px}.strategy-month-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:8px 16px}.strategy-month-input{background:#0000;border:none;color:#374151;cursor:pointer;font-size:14px;outline:none}.strategy-month-display{color:#6b7280;font-size:14px;font-weight:500}@media (max-width:768px){.strategy-header-content{align-items:flex-start;flex-direction:column;gap:16px}.strategy-header-right{justify-content:space-between;width:100%}.strategy-month-filter{order:-1}}.strategy-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.strategy-card-title{color:#1e293b;font-size:18px;font-weight:700;margin:0}.strategy-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.strategy-table thead{background:#f8fafc}.strategy-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.strategy-table td{border-bottom:1px solid #f1f5f9;color:#374151;font-size:14px;padding:16px 20px}.strategy-table tbody tr:hover{background:#f8fafc}.strategy-table tbody tr:last-child td{border-bottom:none}.card.full-width{width:100%}.stat-card,.stat-total{background:linear-gradient(135deg,#37b46f,#2d9159)}.stat-progress{background:linear-gradient(135deg,#74b9ff,#0984e3)}.stat-pending{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.stat-completed{background:linear-gradient(135deg,#56ab2f,#a8e6cf)}.stat-approved{background:linear-gradient(135deg,#1dd1a1,#55efc4)}@media (max-width:1400px){.stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-row{grid-template-columns:1fr}}.expanded-tasks-container,.tasks-detail-table,.tasks-table-container{overflow:visible!important}.tasks-detail-table tbody tr{overflow:visible!important;position:relative}.strategy-client-row,.strategy-clients-table,.strategy-clients-table tbody,.strategy-clients-table tr,.strategy-expanded-row td,.strategy-task-table,.strategy-task-table tbody,.strategy-task-table tr,.task-detail-row,.tasks-detail-table,.tasks-detail-table tbody,.tasks-detail-table tbody tr td,.tasks-detail-table tr{overflow:visible!important}.strategy-clients-table td,.strategy-task-table td,.tasks-detail-table td{overflow:visible!important;position:relative}.expanded-tasks-container,.strategy-client-section,.strategy-expanded-content,.strategy-expanded-row,.strategy-table-container,.tasks-table-container{overflow:visible!important}.task-status-badge{position:relative;z-index:1}.strategy-status-dropdown{background-color:#fff;border:2px solid #4b49ac;border-radius:12px;box-shadow:0 12px 28px #4b49ac4d,0 4px 8px #0000001a;left:50%;margin-top:8px;max-height:300px;min-width:220px;overflow-y:auto;position:absolute;top:100%;transform:translateX(-50%);z-index:10001}.strategy-status-dropdown-option{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:13px;padding:10px 14px;transition:background-color .2s ease}.strategy-status-dropdown-option:last-child{border-bottom:none}.strategy-status-dropdown-option:hover{background-color:#f9fafb}.strategy-status-dropdown-option.active{background-color:#f3f4f6;color:#4b49ac;font-weight:600}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.client-card-view{display:none}@media (max-width:768px){.strategy-clients-table{display:none}.client-card-view{display:block}.client-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px}.client-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.client-card-header-left{align-items:center;display:flex;flex:1 1;gap:12px}.client-card-avatar{align-items:center;background:linear-gradient(135deg,#4b49ac,#7da0fa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.client-card-info{flex:1 1;min-width:0}.client-card-name{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-card-id{color:#6366f1;font-size:13px;font-weight:600}.client-card-checkbox{cursor:pointer;flex-shrink:0;height:20px;width:20px}.client-card-body{display:flex;flex-direction:column;gap:12px}.client-card-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.client-card-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.client-card-value{color:#1f2937;font-size:14px;font-weight:600}.client-card-stages{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.client-card-stage-badge{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:6px;color:#9ca3af;font-size:11px;font-weight:600;min-width:50px;padding:6px 10px;text-align:center}.client-card-stage-badge.active{box-shadow:0 2px 8px #00000026}.client-card-stage-badge.info-gathering{background:#dbeafe;border-color:#1e40af;color:#1e40af}.client-card-stage-badge.strategy-prep{background:#e0e7ff;border-color:#4338ca;color:#4338ca}.client-card-stage-badge.internal-approval{background:#fce7f3;border-color:#ec4899;color:#ec4899}.client-card-stage-badge.client-approval{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.client-card-status-badge{border-radius:16px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.client-card-status-badge.active{background:#dcfce7;color:#166534}.client-card-status-badge.pending{background:#fef3c7;color:#92400e}.client-card-notification{background:#ef4444;border-radius:50%;height:8px;width:8px}.client-card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.client-card-date{color:#6b7280;font-size:12px}.client-card-view-btn{background:linear-gradient(135deg,#4b49ac,#7da0fa);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.client-card-view-btn:active{transform:scale(.95)}}@media (max-width:480px){.client-card{margin-bottom:12px;padding:14px}.client-card-avatar{font-size:16px;height:40px;width:40px}.client-card-name{font-size:15px}.client-card-stages{gap:4px}.client-card-stage-badge{font-size:10px;min-width:45px;padding:5px 8px}}.client-card-mobile{display:none}@media (max-width:768px){.strategy-clients-table{display:none}.client-card-mobile{display:block}.client-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px;transition:all .2s ease}.client-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.client-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.client-card-info{align-items:center;display:flex;flex:1 1;gap:12px}.client-card .client-avatar{align-items:center;background:linear-gradient(135deg,#4b49ac,#7da0fa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.client-card-name-section{flex:1 1;min-width:0}.client-card-name{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-card-id{color:#6366f1;font-size:13px;font-weight:600}.client-card-checkbox{cursor:pointer;flex-shrink:0;height:20px;width:20px}.client-card-body{display:flex;flex-direction:column;gap:12px}.client-card-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.client-card-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.client-card-value{color:#374151;font-size:14px;font-weight:600}.client-card-stages{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.client-card-stage-badge{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:6px;color:#9ca3af;font-size:11px;font-weight:600;min-width:50px;padding:4px 10px;text-align:center}.client-card-stage-badge.active{box-shadow:0 2px 8px #00000026}.client-card-stage-badge.stage-info{background:#dbeafe;border-color:#1e40af;color:#1e40af}.client-card-stage-badge.stage-strategy{background:#e0e7ff;border-color:#4338ca;color:#4338ca}.client-card-stage-badge.stage-internal{background:#fce7f3;border-color:#ec4899;color:#ec4899}.client-card-stage-badge.stage-client{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.client-card-status{border-radius:16px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.client-card-status.active{background:#dcfce7;color:#166534}.client-card-status.pending{background:#fef3c7;color:#92400e}.client-card-footer{border-top:1px solid #f3f4f6;margin-top:12px;padding-top:12px}.client-card-view-btn{align-items:center;background:linear-gradient(135deg,#37b46f,#2d9159);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease;width:100%}.client-card-view-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.client-card-notification{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.client-card-updated{color:#9ca3af;font-size:11px;margin-top:8px;text-align:center}}@media (max-width:480px){.client-card{margin-bottom:12px;padding:14px}.client-card .client-avatar{font-size:16px;height:40px;width:40px}.client-card-name{font-size:15px}.client-card-stages{gap:4px}.client-card-stage-badge{font-size:10px;min-width:45px;padding:3px 8px}}.client-progress-card-mobile{display:none}@media (max-width:768px){.strategy-modal-body table{display:none!important}.client-progress-card-mobile{display:block}.progress-stage-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-bottom:12px;padding:14px;transition:all .2s ease}.progress-stage-card.active{border:2px solid;box-shadow:0 4px 12px #00000026}.progress-stage-card.completed{background:#f0fdf4;border-color:#16a34a}.progress-stage-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.progress-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.progress-card-client-info{align-items:center;display:flex;gap:10px}.progress-card-client-id{color:#6366f1;font-size:14px;font-weight:700}.progress-card-client-name{color:#374151;font-size:14px;font-weight:600}.progress-card-body{display:flex;flex-direction:column;gap:10px}.progress-card-row{align-items:center;display:flex;justify-content:space-between}.progress-card-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.progress-card-value{color:#374151;font-size:13px;font-weight:500}.progress-card-stage-badge{align-items:center;border:1px solid;border-radius:8px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.progress-card-stage-badge.info-gathering{background:#dbeafe;border-color:#1e40af;color:#1e40af}.progress-card-stage-badge.strategy-prep{background:#e0e7ff;border-color:#4338ca;color:#4338ca}.progress-card-stage-badge.internal-approval{background:#fce7f3;border-color:#ec4899;color:#ec4899}.progress-card-stage-badge.client-approval{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.progress-card-status{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:5px 10px;text-transform:uppercase}.progress-card-status.completed{background:#dcfce7;color:#16a34a}.progress-card-status.in-progress{background:#fef3c7;color:#f59e0b}.progress-card-status.pending{background:#f3f4f6;color:#9ca3af}.progress-card-action{border-top:1px solid #f3f4f6;margin-top:8px;padding-top:8px}.progress-card-action button{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease;width:100%}.progress-card-action button.complete-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.progress-card-action button.complete-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.progress-card-action button.show-tasks-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 6px #6366f14d;color:#fff}.progress-card-action button.show-tasks-btn:hover{box-shadow:0 4px 10px #6366f166;transform:translateY(-1px)}.progress-card-action .completed-badge{align-items:center;background:#dcfce7;border-radius:8px;color:#16a34a;display:inline-flex;font-size:12px;font-weight:600;justify-content:center;padding:8px 16px;width:100%}}@media (max-width:480px){.progress-stage-card{margin-bottom:10px;padding:12px}.progress-card-client-id,.progress-card-client-name{font-size:13px}.progress-card-stage-badge{font-size:11px;padding:5px 10px}}.calendar-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.calendar-toggle-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.logout-btn{align-items:center;background:#e74c3c;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.logout-btn:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.card{border-radius:16px;box-shadow:0 4px 12px #00000014;padding:30px}.card:hover{box-shadow:0 8px 20px #0000001f}.card-header{gap:15px;margin-bottom:25px;padding-bottom:15px}.card-header h2{font-size:20px;gap:10px}.form-group{margin-bottom:20px}.form-group label{align-items:center;color:#34495e;display:flex;font-size:14px;font-weight:600;gap:6px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.btn-icon{align-items:center;background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .3s}.btn-icon:hover{background:#5568d3;transform:scale(1.05)}.projects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:12px;padding:20px;transition:all .3s}.project-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.project-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.project-card-header h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0}.project-details p{color:#555;font-size:14px;margin:8px 0}.project-desc{color:#7f8c8d!important;font-size:13px!important;margin-top:12px!important}.project-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.priority-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px}.priority-high{background:#fee;color:#e74c3c}.priority-medium{background:#fef5e7;color:#f39c12}.priority-low{background:#e8f8f5;color:#16a085}.assigned-label{color:#27ae60;font-size:13px;font-weight:600}.projects-list{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto;padding-right:10px}.project-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:10px;padding:15px;transition:all .3s}.project-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(5px)}.project-item h4{color:#2c3e50;font-size:16px;margin:0 0 10px}.project-item p{color:#666;font-size:13px;margin:5px 0}.messages-container{background:#f8f9fa;border-radius:12px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:15px}.message{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;margin-bottom:12px;padding:12px 16px}.message-sent{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:20px}.message-received{background:#fff;margin-right:20px}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.message-header strong{font-size:13px;font-weight:700}.message-sent .message-header strong{color:#fff}.message-time{font-size:11px;opacity:.7}.message p{font-size:14px;line-height:1.5;margin:0}.message-form{display:flex;gap:12px}.message-form input{border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-size:14px;padding:12px 16px}.departments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.department-column{background:#f8f9fa;border-radius:12px;border-top:4px solid #3498db;overflow:hidden;padding:0}.dept-header{align-items:center;background:#fff;border-bottom:2px solid #e0e0e0;display:flex;gap:10px;padding:15px}.dept-header h3{flex:1 1;font-size:14px;font-weight:700;margin:0}.task-count{background:#0000001a;border-radius:12px;color:inherit;font-size:12px;font-weight:700;padding:4px 10px}.dept-tasks{max-height:600px;overflow-y:auto;padding:15px}.task-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-bottom:12px;padding:15px;transition:all .3s}.task-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.task-card h4{color:#2c3e50;font-size:15px;font-weight:700;margin:0 0 10px}.task-project{color:#667eea!important;font-size:13px!important;font-weight:700!important;margin:6px 0!important}.task-client{color:#7f8c8d!important;font-size:12px!important;margin:4px 0!important}.task-desc{color:#7f8c8d!important;font-size:13px!important;line-height:1.4;margin:8px 0!important}.task-deadline{color:#e74c3c!important;font-size:12px!important;font-weight:700!important;margin:8px 0!important}.empty-dept{color:#95a5a6;padding:30px 10px;text-align:center}.filters-bar{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;gap:25px;margin-bottom:25px;padding:20px 30px}.filter-group,.filters-bar{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label{color:#34495e;font-size:14px;font-weight:600}.filter-group input,.filter-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;outline:none}.filter-info{color:#7f8c8d;font-size:14px;font-weight:600;margin-left:auto}.stats-row{grid-gap:15px;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:20px}.stat-card{border-radius:12px;padding:25px;transition:all .3s}.stat-card:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-5px)}.stat-card h3{font-size:36px;margin:0 0 8px}.stat-card p{font-size:13px;opacity:.9}.workflow-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:20px}.workflow-column{background:#f8f9fa;border-radius:12px;border-top:4px solid #3498db;overflow:hidden}.workflow-header{align-items:center;color:#fff;display:flex;font-weight:700;gap:10px;padding:15px 20px}.workflow-header h3{flex:1 1;font-size:14px;letter-spacing:.5px;margin:0}.workflow-header .count{background:#ffffff4d;border-radius:12px;font-size:12px;padding:4px 10px}.workflow-tasks{max-height:700px;overflow-y:auto;padding:15px}.workflow-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:12px;padding:16px;transition:all .3s}.workflow-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.card-top h4{color:#2c3e50;flex:1 1;font-size:15px;font-weight:700;margin:0}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.assign-select{border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s}.assign-select:focus{border-color:#667eea;outline:none}.posted-label{color:#27ae60;font-size:13px;font-weight:700}.empty-workflow{color:#95a5a6;padding:40px 20px;text-align:center}.approval-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.approval-card{align-items:center;background:#fff9e6;border-left:5px solid #f39c12;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s}.approval-card:hover{box-shadow:0 4px 12px #f39c1233;transform:translateX(5px)}.approval-info h4{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 10px}.approval-info p{color:#555;font-size:14px;margin:6px 0}.approval-actions{display:flex;gap:12px}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px;transition:all .3s}.btn-approve{background:#27ae60;color:#fff}.btn-approve:hover{background:#229954;box-shadow:0 6px 16px #27ae6066;transform:translateY(-2px)}.btn-reject{background:#e74c3c;color:#fff}.btn-reject:hover{background:#c0392b;box-shadow:0 6px 16px #e74c3c66;transform:translateY(-2px)}@media (max-width:1400px){.departments-grid,.workflow-grid{grid-template-columns:repeat(2,1fr)}.stats-row{gap:12px;grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.dashboard-grid,.projects-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:15px;padding:20px}.header-left{flex-direction:column;gap:10px;text-align:center}.departments-grid,.stats-row,.workflow-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column}.filter-info{margin-left:0;text-align:center}.approval-card{flex-direction:column;gap:15px}.form-row{grid-template-columns:1fr}}.workflow-overview{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-top:20px;padding:30px 20px}.workflow-step{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;gap:15px;padding:20px;transition:all .3s}.workflow-step:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content{flex:1 1}.step-content h4{color:#2c3e50;font-size:16px;font-weight:700;margin:0 0 8px}.step-content p{color:#7f8c8d;font-size:13px;line-height:1.5;margin:0 0 12px}.step-stats{display:flex;flex-wrap:wrap;gap:8px}.stat-badge{background:#e9ecef;border-radius:12px;color:#495057;font-size:12px;font-weight:600;padding:4px 12px}.stat-badge.pending{background:#fff3cd;color:#856404}.stat-badge.success{background:#d4edda;color:#155724}.stat-badge.posted{background:#d1ecf1;color:#0c5460}.workflow-arrow{color:#667eea;flex-shrink:0;font-size:32px;font-weight:700}@media (max-width:1200px){.workflow-overview{flex-wrap:wrap}.workflow-arrow{display:none}.workflow-step{min-width:calc(50% - 10px)}}@media (max-width:768px){.workflow-overview{flex-direction:column}.workflow-step{width:100%}}.tabs-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;overflow-x:auto;padding:15px 20px}.tab-btn{background:#f8f9fa;border:2px solid #0000;border-radius:10px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s;white-space:nowrap}.tab-btn:hover{background:#e9ecef;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.department-tasks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}@media (max-width:768px){.tabs-container{gap:8px;padding:10px}.tab-btn{font-size:13px;padding:10px 16px}.department-tasks-grid{grid-template-columns:1fr}}.project-form-container{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:25px}.project-form{max-width:100%}.project-meta{color:#95a5a6!important;font-size:12px!important;font-style:italic;margin-top:10px!important}.calendar-container{animation:slideDown .3s ease-out;padding:15px}.calendar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr);margin:0 auto;max-width:650px}.calendar-day-name{background:#f8f9fa;border-radius:6px;color:#667eea;font-size:11px;font-weight:600;letter-spacing:.3px;padding:6px 4px;text-align:center;text-transform:uppercase}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border:1.5px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-height:55px;min-height:45px;padding:4px;position:relative;transition:all .2s}.calendar-day:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 3px 8px #00000014;transform:translateY(-2px)}.calendar-day.empty{background:#0000;border:none;cursor:default}.calendar-day.empty:hover{box-shadow:none;transform:none}.calendar-day.today{background:linear-gradient(135deg,#667eea10,#764ba210);border-color:#667eea;border-width:2px;box-shadow:0 0 0 2px #667eea1a}.calendar-day.has-tasks{background:linear-gradient(135deg,#fffbf0,#fff5e1);border-color:#ffc107}.calendar-day.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.calendar-day.selected .day-number{color:#fff}.calendar-day.selected .task-indicator{background:#fff6}.calendar-day.selected .task-count{color:#fff}.day-number{color:#2c3e50;font-size:13px;font-weight:600;margin-bottom:2px}.task-indicator{align-items:center;background:#f39c12;border-radius:8px;display:flex;justify-content:center;margin-top:2px;padding:2px 4px}.task-count{color:#fff;font-size:9px;font-weight:600}.day-plan-modal{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.day-plan-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.day-plan-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:30px}.day-plan-header h2{font-size:24px;font-weight:700;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:40px;justify-content:center;transition:all .3s;width:40px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.day-plan-tasks{padding:30px}@media (max-width:768px){.filters-bar{flex-direction:column!important;gap:10px!important}.filter-group{width:100%!important}.filter-group input,.filter-group select{box-sizing:border-box!important;width:100%!important}}@media (max-width:480px){.dashboard-header>div:last-child{flex-direction:column!important;gap:8px!important}.dashboard-header button{border-radius:8px!important;font-size:13px!important;padding:10px 14px!important}.dashboard-header input[type=month]{border:1px solid #ddd!important;border-radius:8px!important;font-size:14px!important;padding:10px!important;width:100%!important}.card h2{font-size:16px!important}.card p{font-size:13px!important}button[style*="background: linear-gradient"][style*="667eea"]{font-size:14px!important;margin-bottom:10px!important;padding:12px!important;width:100%!important}}@media (max-width:768px){.calendar-grid{gap:4px;max-width:100%}.calendar-navigation{max-width:100%;padding:8px 12px}.nav-btn{height:28px;width:28px}.current-month{font-size:14px}.calendar-day{max-height:48px;min-height:40px;padding:3px}.calendar-day-name{font-size:10px;padding:4px 2px}.day-number{font-size:12px}.task-indicator{height:5px;width:5px}.task-count{font-size:8px}.day-plan-modal{padding:10px}.day-plan-header{padding:20px}.day-plan-header h2{font-size:18px}.day-plan-tasks{padding:20px}}.calendar-navigation{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;justify-content:space-between;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:650px;padding:10px 15px}.calendar-navigation,.nav-btn{align-items:center;color:#fff;display:flex}.nav-btn{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:32px;justify-content:center;transition:all .2s;width:32px}.nav-btn:hover{background:#ffffff59;transform:scale(1.05)}.current-month{font-size:16px;font-weight:600;letter-spacing:.3px;margin:0;text-align:center}.task-indicators{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin-top:3px}.task-indicator{border-radius:50%;box-shadow:0 1px 2px #00000026;display:inline-block;height:6px;width:6px}.day-details{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-top:30px;padding:25px}.day-details-header{align-items:center;border-bottom:3px solid #667eea;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.day-details-header h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.task-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.no-tasks{color:#6c757d;font-style:italic;padding:20px;text-align:center}.day-tasks-list{grid-gap:20px;display:grid;gap:20px}.day-task-card-detailed{background:#fff;border:2px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:25px;transition:all .3s}.day-task-card-detailed:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.task-card-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px}.task-title-section{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:10px}.task-title-section h4{color:#2c3e50;flex:1 1;font-size:20px;font-weight:700;margin:0}.task-project-name{color:#6c757d;font-size:14px;font-weight:500;margin:5px 0 0}.task-status-badge{border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase;white-space:nowrap}.task-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.detail-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:15px}.detail-section h5{border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.detail-items{display:flex;flex-direction:column;gap:10px}.detail-item{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;padding:8px 0}.detail-label{color:#6c757d;font-size:13px;font-weight:600;min-width:140px}.detail-value{color:#2c3e50;flex:1 1;font-size:14px;font-weight:500;text-align:right}.department-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:4px 12px}.deadline-date{color:#e74c3c;font-weight:700}.status-text{font-size:14px;font-weight:700}.task-description-section{background:#fff9e6;border:1px solid #ffe8cc;border-radius:12px;margin-top:15px;padding:15px}.task-description-section h5{color:#856404;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.task-description-text{color:#495057;font-size:14px;line-height:1.6;margin:0}.modern-table-container{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #00000014;margin-top:20px;overflow-x:auto}.modern-table{border-collapse:initial;border-spacing:0;font-size:14px;width:100%}.modern-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modern-table th{border-bottom:3px solid #667eea;color:#495057;font-size:12px;font-weight:700;letter-spacing:.8px;padding:18px 24px;text-align:left;text-transform:uppercase;white-space:nowrap}.modern-table tbody tr{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-table tbody tr:hover{background:linear-gradient(90deg,#f8f9fa,#fff);border-left:4px solid #667eea;box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.modern-table tbody tr:last-child{border-bottom:none}.modern-table td{color:#495057;font-size:14px;padding:18px 24px;vertical-align:middle}.task-name-cell{align-items:center;display:flex;gap:10px}.task-name-text{color:#2c3e50;font-weight:600}.project-badge{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:8px;box-shadow:0 2px 4px #1976d21a;color:#1565c0;display:inline-block;font-size:13px;padding:7px 14px;transition:all .2s}.project-badge:hover{box-shadow:0 4px 8px #1976d233;transform:scale(1.05)}.client-cell,.date-cell{color:#6c757d;font-weight:500}.date-cell{white-space:nowrap}.modern-status-badge{border-radius:24px;box-shadow:0 2px 6px #0000001a;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:7px 16px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.modern-status-badge:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.status-assigned{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:1px solid #ffc107;color:#856404}.status-in-progress{background:linear-gradient(135deg,#cfe2ff,#9ec5fe);border:1px solid #0d6efd;color:#084298}.status-pending-client-approval{background:linear-gradient(135deg,#f8d7da,#f1aeb5);border:1px solid #dc3545;color:#842029}.status-approved,.status-completed{background:linear-gradient(135deg,#d1e7dd,#a3cfbb);border:1px solid #198754;color:#0f5132}.status-revision-required{background:linear-gradient(135deg,#f8d7da,#f1aeb5);border:1px solid #dc3545;color:#842029}.assigned-cell{min-width:150px}.assigned-user{gap:10px}.assigned-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.user-avatar:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.assigned-user span{color:#2c3e50;font-weight:600}.not-assigned{color:#adb5bd;font-size:13px;font-style:italic}.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);box-shadow:0 8px 20px #667eea66;transform:translateY(-3px)}.action-btn:active{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.view-btn{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 12px #6c757d4d}.view-btn:hover{background:linear-gradient(135deg,#5a6268,#343a40);box-shadow:0 8px 20px #6c757d66}.modern-table-container::-webkit-scrollbar{height:8px}.modern-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modern-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.modern-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f)}@media (max-width:1200px){.modern-table{min-width:1000px}.modern-table-container{overflow-x:scroll}}@media (max-width:768px){.modern-table td,.modern-table th{font-size:13px;padding:12px 16px}.user-avatar{font-size:12px;height:28px;width:28px}.action-btn{font-size:12px;padding:6px 12px}.calendar-navigation{padding:10px}.current-month{font-size:16px}.day-details{padding:15px}.day-details-header{align-items:flex-start;flex-direction:column;gap:10px}.day-details-header h3{font-size:16px}.task-count-badge{align-self:flex-start}.day-task-card-detailed{padding:15px}.task-title-section{align-items:flex-start;flex-direction:column;gap:10px}.task-title-section h4{font-size:16px}.task-details-grid{gap:15px;grid-template-columns:1fr}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}.detail-label{min-width:auto}.detail-value{text-align:left}.dashboard-header{flex-direction:column!important;gap:15px!important;padding:15px!important}.dashboard-header>div:last-child{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.dashboard-header button{font-size:14px!important;justify-content:center!important;padding:12px 16px!important;width:100%!important}.dashboard-header>div:first-child{text-align:center!important;width:100%!important}.dashboard-header h1{font-size:20px!important;margin-bottom:5px!important}.dashboard-header p{font-size:13px!important}div[style*="display: flex"][style*="gap: 10px"]{flex-direction:column!important;gap:8px!important}div[style*="display: flex"][style*="justifyContent: space-between"]{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}button[style*="padding: 10px 20px"],button[style*="padding: 12px 24px"]{font-size:14px!important;margin-bottom:8px!important;padding:12px 16px!important;width:100%!important}}@media (max-width:320px){.dashboard{padding:5px!important}.dashboard-header{padding:10px!important}.card{padding:15px!important}.dashboard-header h1{font-size:18px!important}.stats-row{gap:8px!important;grid-template-columns:1fr!important}}.table-container{margin-top:20px;overflow-x:auto}.data-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.data-table th{color:#2c3e50;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table th,.data-table tr:hover{background:#f8f9fa}.dept-badge{padding:4px 8px}.dept-badge.video{background:#e3f2fd;color:#1976d2}.dept-badge.graphics{background:#f3e5f5;color:#7b1fa2}.month-input{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.task-form .form-group{margin-bottom:15px}.task-form input,.task-form select,.task-form textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.video-dashboard{background:#f8fafc;color:#202021;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.video-sidebar{background:linear-gradient(180deg,#1f7d53,#1a6b47);box-shadow:4px 0 12px #343a4026;left:0;min-height:100vh;padding:24px 0;position:fixed;top:0;width:280px;z-index:1000}.video-main-content{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.video-sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:0 24px 32px}.video-sidebar-logo{align-items:center;color:#fff;display:flex;gap:12px;text-decoration:none}.video-sidebar-logo-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;justify-content:center;padding:12px}.video-sidebar-logo-text h2{color:#fff;font-size:20px;font-weight:700;margin:0}.video-sidebar-logo-text p{color:#fffc;font-size:12px;font-weight:500;margin:2px 0 0}.video-sidebar-nav{padding:0 16px}.video-sidebar-section{margin-bottom:32px}.video-sidebar-section-title{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 12px 12px;text-transform:uppercase}.video-sidebar-menu{list-style:none;margin:0;padding:0}.video-sidebar-menu-item{margin-bottom:4px}.video-sidebar-menu-link{align-items:center;border-radius:12px;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.video-sidebar-menu-link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.video-sidebar-menu-link.active{background:#ffffff26;box-shadow:0 4px 12px #0000001a;color:#fff}.video-sidebar-menu-link.active:before{background:#fff;border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.video-sidebar-menu-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.video-sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;bottom:80px;left:16px;padding:16px;position:absolute;right:16px}.video-sidebar-user-info{align-items:center;color:#fff;display:flex;gap:12px}.video-sidebar-user-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.video-sidebar-user-details h4{font-size:14px;font-weight:600;margin:0}.video-sidebar-user-details p{color:#ffffffb3;font-size:12px;margin:2px 0 0}.video-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:24px 32px}.video-header-content{align-items:center;display:flex;justify-content:space-between}.video-header-left{align-items:center;display:flex;gap:20px}.video-header-title h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0}.video-header-title p{color:#64748b;font-size:16px;font-weight:500;margin:4px 0 0}.video-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.video-btn-logout{background:#ef4444!important;border:2px solid #dc2626!important;box-shadow:0 2px 8px #ef444440,0 1px 3px #ef444459!important;color:#fff!important;font-size:14px!important;font-weight:600!important;padding:10px 16px!important;text-shadow:0 1px 2px #0003!important}.video-btn-logout:hover{background:#d73925!important;border-color:#b91c1c!important;box-shadow:0 6px 16px #dd4b394d,0 3px 6px #dd4b3933!important;transform:translateY(-2px)}@media (max-width:1024px){.video-sidebar{width:240px}.video-main-content{margin-left:240px}}@media (max-width:768px){.video-dashboard{flex-direction:column}.video-sidebar{background:linear-gradient(90deg,#1f7d53,#1a6b47);height:auto;min-height:auto;padding:12px 0;position:relative;width:100%}.video-main-content{background:#f8fafc;margin-left:0;padding:12px}.video-sidebar-header{margin-bottom:16px;padding:0 16px 16px}.video-sidebar-logo h2{font-size:18px}.video-sidebar-logo p{font-size:12px}.video-sidebar-nav{padding:0 16px}.video-sidebar-menu-link{font-size:14px;padding:12px 16px!important}.video-sidebar-user{bottom:auto;left:auto;margin-top:16px;padding:16px;position:relative;right:auto}.video-header{padding:16px 0}.video-header-content{flex-direction:column;gap:16px}.video-header-title h1{font-size:24px}.video-header-right{width:100%}.stats-row{gap:12px!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;margin-bottom:20px!important}.stat-card{padding:16px!important}.stat-card h3{font-size:20px!important}.stat-card p{font-size:12px!important}.video-card{border-radius:12px!important;margin-bottom:20px!important}.video-card-header{flex-direction:column!important;gap:12px!important;padding:16px!important}.video-card-title{font-size:16px!important}.video-filter-group{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.video-filter-group select{font-size:14px;min-width:auto!important;padding:10px 12px;width:100%!important}.video-client-header{flex-direction:column!important;gap:12px!important;padding:16px!important}.video-client-info{flex-direction:column!important;gap:8px!important}.video-client-avatar{height:40px!important;width:40px!important}.video-client-avatar,.video-client-name{font-size:16px!important}.video-client-stats,.video-tasks-table{font-size:12px!important}.video-tasks-table td,.video-tasks-table th{padding:8px 4px!important}.video-btn{font-size:12px!important;padding:8px 12px!important}.video-calendar-modal{margin:10px!important;max-width:calc(100vw - 20px)!important}.video-calendar-content,.video-calendar-header{padding:16px!important}body{font-size:14px}h1,h2,h3{line-height:1.3}button,input,select{min-height:44px;touch-action:manipulation}}.graphics-dashboard{background:#f8fafc;color:#e9ecf0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.graphics-sidebar{background:linear-gradient(180deg,#1f7d53,#1a6b47);box-shadow:4px 0 12px #343a4026;left:0;min-height:100vh;padding:24px 0;position:fixed;top:0;width:280px;z-index:1000}.graphics-main-content{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.graphics-sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:0 24px 32px}.graphics-sidebar-logo{align-items:center;color:#fff;display:flex;gap:12px;text-decoration:none}.graphics-sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#1f7d53,#1a6b47);border-radius:12px;display:flex;justify-content:center;padding:12px}.graphics-sidebar-logo-text h2{color:#fff;font-size:20px;font-weight:700;margin:0}.graphics-sidebar-logo-text p{color:#fffc;font-size:12px;font-weight:500;margin:2px 0 0}.graphics-sidebar-nav{padding:0 16px}.graphics-sidebar-section{margin-bottom:32px}.graphics-sidebar-section-title{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 12px 12px;text-transform:uppercase}.graphics-sidebar-menu{list-style:none;margin:0;padding:0}.graphics-sidebar-menu-item{margin-bottom:4px}.graphics-sidebar-menu-link{align-items:center;border-radius:12px;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.graphics-sidebar-menu-link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.graphics-sidebar-menu-link.active{background:#ffffff26;box-shadow:0 4px 12px #0000001a;color:#fff}.graphics-sidebar-menu-link.active:before{background:#fff;border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.graphics-sidebar-menu-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.graphics-sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;bottom:80px;left:16px;padding:16px;position:absolute;right:16px}.graphics-sidebar-user-info{align-items:center;color:#fff;display:flex;gap:12px}.graphics-sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.graphics-sidebar-user-details h4{font-size:14px;font-weight:600;margin:0}.graphics-sidebar-user-details p{color:#ffffffb3;font-size:12px;margin:2px 0 0}.graphics-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:24px 32px}.graphics-header-content{align-items:center;display:flex;justify-content:space-between}.graphics-header-left{align-items:center;display:flex;gap:20px}.graphics-header-title h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0}.graphics-header-title p{color:#64748b;font-size:16px;font-weight:500;margin:4px 0 0}.graphics-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.graphics-btn-logout{background:#ef4444!important;border:2px solid #dc2626!important;box-shadow:0 2px 8px #ef444440,0 1px 3px #ef444459!important;color:#fff!important;font-size:14px!important;font-weight:600!important;padding:10px 16px!important;text-shadow:0 1px 2px #0003!important}.graphics-btn-logout:hover{background:#d73925!important;border-color:#b91c1c!important;box-shadow:0 6px 16px #dd4b394d,0 3px 6px #dd4b3933!important;transform:translateY(-2px)}@media (max-width:1024px){.graphics-sidebar{background:linear-gradient(180deg,#16a34a,#15803d 50%,#22c55e);width:240px}.graphics-main-content{margin-left:240px}}@media (max-width:768px){.graphics-sidebar{background:linear-gradient(180deg,#16a34a,#15803d 50%,#22c55e);height:auto;min-height:auto;position:relative;width:100%}.graphics-main-content{margin-left:0}.graphics-dashboard{flex-direction:column}.graphics-sidebar-user{bottom:auto;left:auto;margin-top:24px;position:relative;right:auto}}.dashboard{background:linear-gradient(180deg,#f5f7fa 0,#e8ecf1);min-height:100vh;padding:20px}.dashboard-header{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;justify-content:space-between;margin-bottom:25px;padding:25px 35px}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.header-left svg{color:#667eea}.header-left h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 5px}.header-left p{color:#7f8c8d;font-size:14px;margin:0}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px 24px;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.card.full-width{grid-column:1/-1}.card-header{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.card-header,.card-header h2{align-items:center;display:flex}.card-header h2{color:#2c3e50;font-size:18px;font-weight:700;gap:8px;margin:0}.card-header p{color:#7f8c8d;font-size:14px;margin:5px 0 0}.stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-top:16px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#fff;padding:18px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 6px 16px #667eea59;transform:translateY(-3px)}.stat-card h3{font-size:32px;font-weight:700;line-height:1;margin:0 0 6px}.stat-card p{font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;opacity:.95;text-transform:uppercase}.stat-total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-progress{background:linear-gradient(135deg,#f39c12,#e67e22)}.stat-pending{background:linear-gradient(135deg,#e74c3c,#c0392b)}.stat-approved{background:linear-gradient(135deg,#27ae60,#229954)}.stat-posted{background:linear-gradient(135deg,#6c5ce7,#5f3dc4)}.empty-state{color:#95a5a6;font-size:14px;padding:40px 20px;text-align:center}.status-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-badge.pending{background:#ffeaa7;color:#d63031}.status-badge.assigned,.status-badge.assigned-to-team-leader{background:#dfe6e9;color:#2d3436}.status-badge.in-progress{background:#74b9ff;color:#0984e3}.status-badge.completed{background:#55efc4;color:#00b894}.status-badge.pending-client-approval{background:#fdcb6e;color:#e17055}.status-badge.approved{background:#00b894;color:#fff}.status-badge.posted{background:#6c5ce7;color:#fff}.status-badge.revision-required{background:#ff7675;color:#fff}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .3s;width:100%}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .3s}.btn-secondary:hover{background:#2980b9;transform:translateY(-1px)}.btn-small{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s}.btn-small:hover{background:#2980b9;transform:translateY(-1px)}.btn-success{background:#27ae60!important}.btn-success:hover{background:#229954!important}.btn-warning{background:#f39c12!important}.btn-warning:hover{background:#e67e22!important}.project-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:1600px){.stats-row{gap:10px;grid-template-columns:repeat(5,1fr)}}@media (max-width:1400px){.stats-row{gap:10px;grid-template-columns:repeat(5,1fr)}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:15px;padding:20px}.header-left{flex-direction:column;gap:10px;text-align:center}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}}.strategy-sidebar{background:linear-gradient(180deg,#1f7d53 100%,#1f7d53 0);background:linear-gradient(#1f7d53);box-shadow:4px 0 12px #343a4026;left:0;min-height:100vh;padding:24px 0;position:fixed;top:0;width:280px;z-index:1000}.strategy-main-content{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.strategy-sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:0 24px 32px}.strategy-sidebar-logo{align-items:center;color:#fff;display:flex;gap:12px;text-decoration:none}.strategy-sidebar-logo-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;justify-content:center;padding:12px}.strategy-sidebar-logo-text h2{color:#fff;font-size:20px;font-weight:700;margin:0}.strategy-sidebar-logo-text p{color:#fffc;font-size:12px;font-weight:500;margin:2px 0 0}.strategy-sidebar-nav{padding:0 16px}.strategy-sidebar-section{margin-bottom:32px}.strategy-sidebar-section-title{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 12px 12px;text-transform:uppercase}.strategy-sidebar-menu{list-style:none;margin:0;padding:0}.strategy-sidebar-menu-item{margin-bottom:4px}.strategy-sidebar-menu-link{align-items:center;border-radius:12px;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.strategy-sidebar-menu-link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.strategy-sidebar-menu-link.active{background:#ffffff26;box-shadow:0 4px 12px #0000001a;color:#fff}.strategy-sidebar-menu-link.active:before{background:#fff;border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.strategy-sidebar-menu-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.strategy-sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;bottom:80px;left:16px;padding:16px;position:absolute;right:16px}.strategy-sidebar-user-info{align-items:center;color:#fff;display:flex;gap:12px}.strategy-sidebar-user-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.strategy-sidebar-user-details h4{font-size:14px;font-weight:600;margin:0}.strategy-sidebar-user-details p{color:#ffffffb3;font-size:12px;margin:2px 0 0}.strategy-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:24px 32px}.strategy-header-content{align-items:center;display:flex;justify-content:space-between}.strategy-header-left{align-items:center;display:flex;gap:20px}.strategy-header-title h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0}.strategy-header-title p{color:#64748b;font-size:16px;font-weight:500;margin:4px 0 0}.strategy-header-right{align-items:center;display:flex;gap:24px}.strategy-filter-group{align-items:center;display:flex;gap:15px}.strategy-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.strategy-btn-upload{background:#7da0fa;box-shadow:0 1px 3px #7da0fa1f,0 1px 2px #7da0fa3d;color:#fff}.strategy-btn-upload:hover{background:#4b49ac;box-shadow:0 4px 12px #4b49ac26,0 2px 4px #4b49ac1f;transform:translateY(-1px)}.strategy-btn-assign{background:#4b49ac;box-shadow:0 1px 3px #4b49ac1f,0 1px 2px #4b49ac3d;color:#fff}.strategy-btn-assign:hover{background:#7978e9;box-shadow:0 4px 12px #7978e926,0 2px 4px #7978e91f;transform:translateY(-1px)}.strategy-btn-calendar{background:#98bdff;box-shadow:0 1px 3px #98bdff1f,0 1px 2px #98bdff3d;color:#4b49ac}.strategy-btn-calendar:hover{background:#7da0fa;box-shadow:0 4px 12px #7da0fa26,0 2px 4px #7da0fa1f;color:#fff;transform:translateY(-1px)}.strategy-btn-logout{background:#ef4444!important;border:2px solid #dc2626!important;box-shadow:0 2px 8px #ef444440,0 1px 3px #ef444459!important;color:#fff!important;font-size:14px!important;font-weight:600!important;padding:10px 16px!important;text-shadow:0 1px 2px #0003!important}.strategy-btn-logout:hover{background:#d73925!important;border-color:#b91c1c!important;box-shadow:0 6px 16px #dd4b394d,0 3px 6px #dd4b3933!important;transform:translateY(-2px)}.strategy-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.strategy-modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:700px;overflow:hidden;position:relative;width:100%}.strategy-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.strategy-modal-header h3{font-size:18px;font-weight:600;margin:0}.strategy-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.strategy-modal-close:hover{background:#ffffff4d}.strategy-modal-body{max-height:calc(80vh - 80px);overflow-y:auto;padding:20px}.strategy-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:24px;transition:all .2s ease}.strategy-card:hover{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001f}@media (max-width:1024px){.strategy-sidebar{width:240px}.strategy-main-content{margin-left:240px}}@media (max-width:768px){.strategy-sidebar{height:auto;min-height:auto;position:relative;width:100%}.strategy-main-content{margin-left:0}.strategy-sidebar-user{bottom:auto;left:auto;margin-top:24px;position:relative;right:auto}.strategy-header-content{align-items:flex-start;flex-direction:column;gap:16px}.strategy-header-right{justify-content:space-between;width:100%}}.search-input{fontSize:14px;backgroundColor:#f9fafb;minWidth:200px;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;transition:all .2s ease}.search-input:focus{backgroundColor:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-clear-btn{fontSize:16px;color:#6b7280;padding:0 4px;transition:color .2s ease}.download-btn{backgroundColor:#fff3;borderRadius:8px;fontSize:13px;fontWeight:600;align-items:center;border:1px solid #ffffff4d;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:all .2s ease}.download-btn:hover{backgroundColor:#ffffff4d;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.search-results-banner{backgroundColor:#e3f2fd;borderRadius:8px;marginBottom:16px;fontSize:14px;fontWeight:500;justifyContent:space-between;alignItems:center;animation:slideDown .3s ease-out;color:#1976d2;display:flex;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.strategy-header-right{flex-direction:column;gap:12px;width:100%}.strategy-filter-group{width:100%}.search-input{minWidth:auto;width:100%}}.action-btn{transition:all .2s ease}.action-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.download-task-btn{align-items:center;background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 10px;transition:all .2s ease}.download-task-btn:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.search-filter-section{align-items:center;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:12px;padding-top:16px;width:100%}.search-container{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:250px;padding:8px 16px;transition:all .2s ease}.search-container:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-container input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:6px 8px}.download-all-btn{transition:all .2s ease;white-space:nowrap}.download-all-btn:hover{box-shadow:0 6px 12px #7da0fa4d;transform:translateY(-2px)}@media (max-width:768px){.search-filter-section{flex-direction:column}.search-container{min-width:auto;width:100%}.download-all-btn{justify-content:center;width:100%}}.format-selector-container{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.format-selector-container:hover{background:#fff;border-color:#d1d5db}.format-selector{fontSize:14px;backgroundColor:#fff;fontWeight:500;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;padding:6px 12px;transition:all .2s ease}.format-selector:hover{border-color:#3b82f6}.format-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.format-label{fontSize:14px;fontWeight:500;whiteSpace:nowrap;color:#374151}.format-badge{fontSize:11px;fontWeight:600;align-items:center;border-radius:6px;display:inline-flex;gap:4px;padding:4px 8px;text-transform:uppercase}.format-badge.pdf{background:#fee2e2;color:#dc2626}.format-badge.csv{background:#dcfce7;color:#16a34a}.task-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.task-row-selected{background-color:#e3f2fd!important;border-left:3px solid #3b82f6!important}.select-all-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.download-selected-btn{align-items:center;background-color:#28a745e6;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.download-selected-btn:hover{background-color:#28a745;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.selected-count-badge{background-color:#ffffff4d;border-radius:12px;font-size:12px;font-weight:700;margin-left:8px;padding:2px 8px}.checkbox-column{text-align:center;width:50px}.status-dropdown{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:6px 12px;text-transform:capitalize;transition:all .2s ease}.status-dropdown:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.status-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.status-dropdown option{background-color:#fff;color:#333;font-weight:500;padding:8px}.status-dropdown[value=assigned-to-department]{background-color:#ff9800;color:#fff}.status-dropdown[value=in-progress]{background-color:#2196f3;color:#fff}.status-dropdown[value=completed]{background-color:#4caf50;color:#fff}.status-dropdown[value=pending-client-approval]{background-color:#ff9800;color:#fff}.status-dropdown[value=approved]{background-color:#8bc34a;color:#fff}.status-dropdown[value=posted]{background-color:#00bcd4;color:#fff}.status-dropdown[value=revision-required]{background-color:#f44336;color:#fff}.view-toggle-container{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:4px;padding:4px}.view-toggle-btn{fontSize:13px;fontWeight:600;align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:all .2s ease}.view-toggle-btn.active{background-color:#3b82f6;color:#fff}.view-toggle-btn:not(.active){background-color:initial;color:#6b7280}.view-toggle-btn:hover:not(.active){background-color:#e5e7eb}.task-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:10px}.task-card{background-color:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.task-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.task-card-header{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;padding:20px;position:relative}.task-card-avatar{align-items:center;background-color:#ffffff4d;border-radius:50%;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.task-card-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.task-card-stat{text-align:center}.task-card-stat-value{font-size:24px;font-weight:700}.task-card-stat-label{color:#6b7280;font-size:11px;margin-top:4px}.task-card-detail-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.task-card-actions{display:flex;gap:8px}.task-card-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s ease}.task-card-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@media (max-width:768px){.task-card-grid{grid-template-columns:1fr}.view-toggle-container{width:100%}.view-toggle-btn{flex:1 1;justify-content:center}}.focused-client-task-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:0;padding:0}@media (max-width:1200px){.focused-client-task-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.focused-client-task-cards{grid-template-columns:1fr}}.focused-task-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.focused-task-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.socialmedia-dashboard{background:#f8fafc;color:#28292b;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.socialmedia-sidebar{background:#1f7d53;box-shadow:4px 0 12px #343a4026;left:0;min-height:100vh;padding:24px 0;position:fixed;top:0;width:280px;z-index:1000}.socialmedia-main-content{background:#f8fafc;flex:1 1;margin-left:280px;min-height:100vh;padding:24px}.socialmedia-sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:0 24px 32px}.socialmedia-sidebar-logo{align-items:center;color:#fff;display:flex;gap:12px;text-decoration:none}.socialmedia-sidebar-logo-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;justify-content:center;padding:12px}.socialmedia-sidebar-logo-text h2{color:#fff;font-size:20px;font-weight:700;margin:0}.socialmedia-sidebar-logo-text p{color:#fffc;font-size:12px;font-weight:500;margin:2px 0 0}.socialmedia-sidebar-nav{padding:0 16px}.socialmedia-sidebar-section{margin-bottom:32px}.socialmedia-sidebar-section-title{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 12px 12px;text-transform:uppercase}.socialmedia-sidebar-menu{list-style:none;margin:0;padding:0}.socialmedia-sidebar-menu-item{margin-bottom:4px}.socialmedia-sidebar-menu-link{align-items:center;border-radius:12px;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.socialmedia-sidebar-menu-link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.socialmedia-sidebar-menu-link.active{background:#ffffff26;box-shadow:0 4px 12px #0000001a;color:#fff}.socialmedia-sidebar-menu-link.active:before{background:#fff;border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.socialmedia-sidebar-menu-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.socialmedia-sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;bottom:80px;left:16px;padding:16px;position:absolute;right:16px}.socialmedia-sidebar-user-info{align-items:center;color:#fff;display:flex;gap:12px}.socialmedia-sidebar-user-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.socialmedia-sidebar-user-details h4{font-size:14px;font-weight:600;margin:0}.socialmedia-sidebar-user-details p{color:#ffffffb3;font-size:12px;margin:2px 0 0}.socialmedia-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:24px 32px}.socialmedia-header-content{align-items:center;display:flex;justify-content:space-between}.socialmedia-header-left{align-items:center;display:flex;gap:20px}.socialmedia-header-title h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0}.socialmedia-header-title p{color:#64748b;font-size:16px;font-weight:500;margin:4px 0 0}.socialmedia-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.socialmedia-btn-logout{background:#ef4444!important;border:2px solid #dc2626!important;box-shadow:0 2px 8px #ef444440,0 1px 3px #ef444459!important;color:#fff!important;font-size:14px!important;font-weight:600!important;padding:10px 16px!important;text-shadow:0 1px 2px #0003!important}.socialmedia-btn-logout:hover{background:#d73925!important;border-color:#b91c1c!important;box-shadow:0 6px 16px #dd4b394d,0 3px 6px #dd4b3933!important;transform:translateY(-2px)}@media (max-width:1024px){.socialmedia-sidebar{width:240px}.socialmedia-main-content{margin-left:240px}}@media (max-width:768px){.socialmedia-sidebar{height:auto;min-height:auto;position:relative;width:100%}.socialmedia-main-content{margin-left:0}.socialmedia-dashboard{flex-direction:column}.socialmedia-sidebar-user{bottom:auto;left:auto;margin-top:24px;position:relative;right:auto}}.socialmedia-calendar-grid{grid-gap:2px;background:#f8f9fa;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);max-width:100%;padding:8px}.socialmedia-calendar-day-name{background:linear-gradient(135deg,#00b894,#00a085);border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.socialmedia-calendar-day{align-items:center;background:#fff;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;font-size:12px;justify-content:center;min-height:32px;padding:4px;position:relative;transition:all .2s ease}.socialmedia-calendar-day:hover{box-shadow:0 2px 8px #00b8944d;transform:scale(1.05)}.socialmedia-calendar-day.empty{background:#0000;border:none;cursor:default}.socialmedia-calendar-day.empty:hover{box-shadow:none;transform:none}.socialmedia-calendar-day.today{background:#e0e7ff;color:#00b894;font-weight:700}.socialmedia-calendar-day.has-tasks{background:#dcfce7;border:1px solid #10b981}.socialmedia-calendar-day.selected{background:#e0e7ff;color:#00b894;font-weight:700}.socialmedia-day-number{font-size:12px;font-weight:500;margin-bottom:2px}.socialmedia-task-indicators{display:flex;flex-wrap:wrap;gap:1px;justify-content:center;margin-top:2px}.socialmedia-task-indicator{background:#10b981;border-radius:50%;height:4px;width:4px}.socialmedia-task-count{color:#10b981;font-size:8px;font-weight:600;margin-left:1px}.socialmedia-employee-performance-scroll::-webkit-scrollbar{width:6px}.socialmedia-employee-performance-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.socialmedia-employee-performance-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.socialmedia-employee-performance-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.socialmedia-employee-performance-scroll{scrollbar-color:#667eea #f1f5f9;scrollbar-width:thin}.employee-dashboard{background:#f8fafc;color:#e9ecf0;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.employee-dashboard,body{max-width:100vw;overflow-x:hidden!important}.employee-sidebar{box-shadow:4px 0 12px #343a4026;left:0;min-height:100vh;padding:24px 0;position:fixed;top:0;width:280px;z-index:1000}.employee-dashboard.graphics-theme .employee-sidebar,.employee-dashboard.video-theme .employee-sidebar,.employee-sidebar{background:#1f7d53}.employee-main-content{background:#f8fafc;box-sizing:border-box;flex:1 1;margin-left:280px;max-width:calc(100vw - 280px);min-height:100vh;overflow-x:hidden!important;padding:24px;width:calc(100vw - 280px)}.employee-main-content>*{box-sizing:border-box;max-width:100%!important}.employee-sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding:0 24px 32px}.employee-sidebar-logo{align-items:center;color:#fff;display:flex;gap:12px;text-decoration:none}.employee-sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:12px;display:flex;justify-content:center;padding:12px}.employee-sidebar-logo-text h2{color:#fff;font-size:20px;font-weight:700;margin:0}.employee-sidebar-logo-text p{color:#fffc;font-size:12px;font-weight:500;margin:2px 0 0}.employee-sidebar-nav{padding:0 16px}.employee-sidebar-section{margin-bottom:32px}.employee-sidebar-section-title{color:#fff9;font-size:11px;font-weight:600;letter-spacing:.1em;margin:0 0 12px 12px;text-transform:uppercase}.employee-sidebar-menu{list-style:none;margin:0;padding:0}.employee-sidebar-menu-item{margin-bottom:4px}.employee-sidebar-menu-link{align-items:center;border-radius:12px;color:#fffc;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.employee-sidebar-menu-link:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.employee-sidebar-menu-link.active{background:#ffffff26;box-shadow:0 4px 12px #0000001a;color:#fff}.employee-sidebar-menu-link.active:before{background:#fff;border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.employee-sidebar-menu-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.employee-sidebar-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;bottom:80px;left:16px;padding:16px;position:absolute;right:16px}.employee-sidebar-user-info{align-items:center;color:#fff;display:flex;gap:12px}.employee-sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.employee-sidebar-user-details h4{font-size:14px;font-weight:600;margin:0}.employee-sidebar-user-details p{color:#ffffffb3;font-size:12px;margin:2px 0 0}.employee-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:32px;padding:24px 32px}.employee-header-content{align-items:center;display:flex;justify-content:space-between}.employee-header-left{align-items:center;display:flex;gap:20px}.employee-header-title h1{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.025em;margin:0}.employee-header-title p{color:#64748b;font-size:16px;font-weight:500;margin:4px 0 0}.employee-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:relative;text-decoration:none;transition:all .2s ease}.employee-btn-logout{background:#ef4444!important;border:2px solid #dc2626!important;box-shadow:0 2px 8px #ef444440,0 1px 3px #ef444459!important;color:#fff!important;font-size:14px!important;font-weight:600!important;padding:10px 16px!important;text-shadow:0 1px 2px #0003!important}.employee-btn-logout:hover{background:#d73925!important;border-color:#b91c1c!important;box-shadow:0 6px 16px #dd4b394d,0 3px 6px #dd4b3933!important;transform:translateY(-2px)}@media (max-width:1024px){.employee-sidebar{background:linear-gradient(180deg,#16a34a,#15803d 50%,#22c55e);width:240px}.employee-main-content{margin-left:240px}}@media (max-width:768px){.employee-sidebar{background:linear-gradient(180deg,#16a34a,#15803d 50%,#22c55e);height:auto;min-height:auto;position:relative;width:100%}.employee-main-content{margin-left:0}.employee-dashboard{flex-direction:column}.employee-sidebar-user{bottom:auto;left:auto;margin-top:24px;position:relative;right:auto}}.employee-card.daily-report-card,.employee-card.team-performance-card{transition:all .3s ease}.employee-card.daily-report-card:hover{box-shadow:0 8px 25px #667eea4d!important;transform:translateY(-4px)}.employee-card.team-performance-card:hover{box-shadow:0 8px 25px #56ab2f4d!important;transform:translateY(-4px)}@media (max-width:768px){.employee-card.daily-report-card,.employee-card.team-performance-card{padding:16px!important}.employee-card.daily-report-card h2,.employee-card.team-performance-card h2{font-size:18px!important}.employee-card+.employee-card{margin-top:0!important}.employee-card div[style*="grid-template-columns: repeat(2, 1fr)"]{gap:12px!important;grid-template-columns:1fr 1fr!important}}@media (max-width:480px){.employee-card.daily-report-card,.employee-card.team-performance-card{padding:12px!important}.employee-card div[style*="grid-template-columns: repeat(2, 1fr)"]{grid-template-columns:1fr!important}}.employee-dashboard div[style*="grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))"]{margin-bottom:25px}@media (max-width:768px){.employee-dashboard div[style*="grid-template-columns: repeat(auto-fit, minmax(400px, 1fr))"]{gap:16px!important;grid-template-columns:1fr!important;margin-bottom:20px!important}}.employee-main-content table{border-collapse:collapse;min-width:1400px;table-layout:fixed;width:100%}.employee-main-content *{box-sizing:border-box;max-width:100%}.employee-main-content>div{max-width:100%;overflow-x:auto}@media (max-width:1400px){.employee-main-content table{font-size:12px}.employee-main-content td,.employee-main-content th{padding:8px 10px!important}}@media (max-width:1024px){.employee-main-content{max-width:calc(100vw - 240px)}}@media (max-width:768px){.employee-main-content{max-width:100vw;padding:16px}.employee-main-content table{font-size:11px}}.employee-main-content [style*="minHeight: 100vh"]{overflow-x:hidden!important}.employee-main-content [style*="minHeight: 100vh"] table{max-width:100%}.employee-main-content [style*="borderRadius: 12px"][style*=background],.employee-main-content [style*="minHeight: 100vh"]>div{box-sizing:border-box;max-width:100%}html{max-width:100vw;overflow-x:hidden!important}.employee-main-content [style*="background: #ffffff"],.employee-main-content [style*="background: '#ffffff'"],.employee-main-content [style*="display: 'flex'"],.employee-main-content [style*="display: 'grid'"],.employee-main-content [style*="display: flex"],.employee-main-content [style*="display: grid"]{box-sizing:border-box!important;max-width:100%!important}.superadmin-dashboard{background:#f8f9fa;display:flex;min-height:100vh}.superadmin-sidebar{background:linear-gradient(180deg,#1f7d53,#1a6b47);color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;width:280px;z-index:900}.superadmin-sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 20px}.superadmin-sidebar-logo{align-items:center;display:flex;gap:12px}.superadmin-sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.superadmin-sidebar-logo-text h2{font-size:18px;font-weight:700;margin:0}.superadmin-sidebar-logo-text p{font-size:12px;margin:0;opacity:.7}.superadmin-sidebar-nav{flex:1 1;padding:20px 0}.superadmin-sidebar-section{margin-bottom:24px}.superadmin-sidebar-section-title{font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;opacity:.5;padding:0 20px;text-transform:uppercase}.superadmin-sidebar-menu{list-style:none;margin:0;padding:0}.superadmin-sidebar-menu-item{margin:0}.superadmin-sidebar-menu-link{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.superadmin-sidebar-menu-link:hover{background:#ffffff0d;color:#fff}.superadmin-sidebar-menu-link.active{background:#22c55e1a;border-right:3px solid #22c55e;color:#09391ae2}.superadmin-sidebar-menu-icon{align-items:center;display:flex;justify-content:center}.superadmin-sidebar-user{border-top:1px solid #ffffff1a;padding:20px}.superadmin-sidebar-user-info{align-items:center;display:flex;gap:12px;margin-bottom:12px}.superadmin-sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.superadmin-sidebar-user-details h4{font-size:14px;font-weight:600;margin:0}.superadmin-sidebar-user-details p{font-size:12px;margin:0;opacity:.7}.superadmin-btn-logout{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.superadmin-btn-logout:hover{background:#ef444433}.superadmin-main-content{flex:1 1;margin-left:280px;min-height:100vh;padding:32px;position:relative}.superadmin-embedded-dashboard{background:#f8f9fa;bottom:0;left:280px;max-width:calc(100vw - 280px);overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;width:calc(100vw - 280px);z-index:100}.superadmin-embedded-dashboard [style*="position: fixed"][style*="z-index: 10000"],.superadmin-embedded-dashboard [style*="position: fixed"][style*="zIndex: 10000"],.superadmin-embedded-dashboard [style*="position:fixed"][style*="z-index:10000"],.superadmin-embedded-dashboard [style*="position:fixed"][style*="zIndex:10000"],.superadmin-embedded-dashboard div[style*="position: fixed"][style*="backgroundColor: rgba(0, 0, 0, 0.5)"][style*="zIndex: 10000"],.superadmin-embedded-dashboard div[style*="position:fixed"][style*="backgroundColor:rgba(0, 0, 0, 0.5)"][style*="zIndex:10000"],.superadmin-embedded-dashboard>div[style*="position: fixed"][style*="backgroundColor: rgba(0, 0, 0, 0.5)"],.superadmin-embedded-dashboard>div[style*="position:fixed"][style*="backgroundColor:rgba(0, 0, 0, 0.5)"]{bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.superadmin-embedded-dashboard div[style*="position: fixed"]>div[style*="background: white"],.superadmin-embedded-dashboard div[style*="position: fixed"]>div[style*="backgroundColor: white"],.superadmin-embedded-dashboard div[style*="position:fixed"]>div[style*="background:white"],.superadmin-embedded-dashboard div[style*="position:fixed"]>div[style*="backgroundColor:white"]{position:relative!important;z-index:10001!important}div[style*="rgba(0, 0, 0, 0.5)"][style*="position: fixed"][style*="zIndex: 10000"], div[style*="rgba(0,0,0,0.5)"][style*="position:fixed"][style*="zIndex:10000"]{bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.superadmin-embedded-dashboard .graphics-sidebar,.superadmin-embedded-dashboard .production-sidebar,.superadmin-embedded-dashboard .sidebar,.superadmin-embedded-dashboard .social-media-sidebar,.superadmin-embedded-dashboard .strategy-sidebar,.superadmin-embedded-dashboard .video-sidebar{display:none!important}.superadmin-embedded-dashboard .graphics-main-content,.superadmin-embedded-dashboard .main-content,.superadmin-embedded-dashboard .production-main-content,.superadmin-embedded-dashboard .social-media-main-content,.superadmin-embedded-dashboard .strategy-main-content,.superadmin-embedded-dashboard .video-main-content{margin-left:0!important;max-width:100%!important;padding:32px!important;width:100%!important}.superadmin-embedded-dashboard .graphics-btn-logout,.superadmin-embedded-dashboard .production-btn-logout,.superadmin-embedded-dashboard .social-media-btn-logout,.superadmin-embedded-dashboard .strategy-btn-logout,.superadmin-embedded-dashboard .video-btn-logout{display:none!important}.superadmin-embedded-dashboard .graphics-dashboard,.superadmin-embedded-dashboard .production-dashboard,.superadmin-embedded-dashboard .social-media-dashboard,.superadmin-embedded-dashboard .strategy-dashboard,.superadmin-embedded-dashboard .video-dashboard{box-sizing:border-box!important;display:flex!important;max-width:100%!important;min-height:100vh!important;overflow-x:hidden!important;width:100%!important}.superadmin-embedded-dashboard *{box-sizing:border-box;max-width:100%}.superadmin-embedded-dashboard table{table-layout:auto!important;width:100%!important}.superadmin-embedded-dashboard .client-card,.superadmin-embedded-dashboard .task-card{box-sizing:border-box!important;max-width:100%!important}.superadmin-embedded-dashboard .socialmedia-dashboard{background:#f8fafc!important;display:block!important;max-width:100%!important;min-height:100vh!important;overflow-x:hidden!important;width:100%!important}.superadmin-embedded-dashboard .socialmedia-sidebar{display:none!important}.superadmin-embedded-dashboard .socialmedia-main-content{background:#f8fafc!important;margin-left:0!important;padding:24px!important}.superadmin-embedded-dashboard .dashboard-grid,.superadmin-embedded-dashboard .socialmedia-main-content{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.superadmin-embedded-dashboard [class*=-sidebar]{display:none!important}.superadmin-embedded-dashboard [class*=-main-content]{box-sizing:border-box!important;margin-left:0!important;max-width:100%!important;width:100%!important}.superadmin-embedded-dashboard [class*=-dashboard]{max-width:100%!important;overflow-x:hidden!important;width:100%!important}.superadmin-embedded-dashboard .card-grid,.superadmin-embedded-dashboard .dashboard-header,.superadmin-embedded-dashboard .header-content,.superadmin-embedded-dashboard .stats-grid{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.superadmin-header{margin-bottom:32px}.superadmin-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.superadmin-header-left h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.superadmin-header-left p{color:#6b7280;font-size:16px;margin:0}.superadmin-filter-group{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:12px 20px}.superadmin-filter-group label{color:#374151;font-size:14px;font-weight:600}.superadmin-month-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.superadmin-month-input:focus{border-color:#22c55e}.superadmin-search-filter-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;padding:20px}.superadmin-search-container{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.superadmin-search-container .search-icon{color:#9ca3af;left:14px;pointer-events:none;position:absolute}.superadmin-search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:12px 40px 12px 44px;transition:all .2s;width:100%}.superadmin-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.superadmin-search-input::placeholder{color:#9ca3af}.search-clear-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:10px;transition:all .2s}.search-clear-btn:hover{background:#f3f4f6;color:#374151}.superadmin-filter-dropdown{align-items:center;display:flex;gap:8px;min-width:200px;position:relative}.superadmin-filter-dropdown .filter-icon{color:#6b7280}.superadmin-filter-select{-webkit-appearance:none;appearance:none;background:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;outline:none;padding:12px 36px 12px 12px;transition:all .2s}.superadmin-filter-select:hover{background:#fff;border-color:#d1d5db}.superadmin-filter-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.superadmin-filter-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.superadmin-clear-filters-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}.superadmin-clear-filters-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.superadmin-clear-filters-btn:active{transform:translateY(0)}.superadmin-active-filters{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:16px 20px}.active-filters-label{color:#0c4a6e;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-badge{align-items:center;animation:slideIn .2s ease-out;background:#fff;border:1px solid #bae6fd;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#0c4a6e;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-badge-close{align-items:center;background:none;border:none;border-radius:4px;color:#0c4a6e;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s}.filter-badge-close:hover{background:#f0f9ff;color:#ef4444}.superadmin-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.superadmin-stat-card{align-items:center;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;gap:20px;padding:24px;transition:transform .2s}.superadmin-stat-card:hover{transform:translateY(-4px)}.superadmin-stat-card .stat-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.superadmin-stat-card .stat-content h3{font-size:32px;font-weight:700;margin:0 0 4px}.superadmin-stat-card .stat-content p{font-size:16px;font-weight:600;margin:0 0 4px;opacity:.9}.superadmin-stat-card .stat-content small{font-size:12px;opacity:.8}.superadmin-section{margin-bottom:32px}.superadmin-section-title{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 24px}.superadmin-dept-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.superadmin-dept-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .2s}.superadmin-dept-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.superadmin-dept-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.superadmin-dept-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.superadmin-dept-header h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 4px}.superadmin-dept-header p{color:#6b7280;font-size:13px;margin:0}.superadmin-dept-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.superadmin-stat-item{display:flex;flex-direction:column;gap:4px}.superadmin-stat-item .stat-label{color:#6b7280;font-size:12px;font-weight:500}.superadmin-stat-item .stat-value{color:#1f2937;font-size:24px;font-weight:700}.superadmin-dept-employees{border-top:2px solid #f3f4f6;margin-top:20px;padding-top:20px}.superadmin-dept-employees h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.employee-list{display:flex;flex-direction:column;gap:12px}.employee-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .2s}.employee-item:hover{background:#f3f4f6}.employee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.employee-info{display:flex;flex-direction:column;gap:2px}.employee-name{color:#1f2937;font-size:14px;font-weight:600}.employee-email{color:#6b7280;font-size:12px}.superadmin-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.superadmin-table{border-collapse:collapse;width:100%}.superadmin-table thead{background:#f8f9fa}.superadmin-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.superadmin-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px}.superadmin-table tbody tr:hover{background:#f9fafb}.dept-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.dept-badge.video{background:#fee2e2;color:#991b1b}.dept-badge.graphics{background:#fce7f3;color:#831843}.dept-badge.social-media{background:#cffafe;color:#155e75}.dept-badge.strategy{background:#d1fae5;color:#065f46}.dept-badge.production{background:#e0e7ff;color:#3730a3}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}@media (max-width:1024px){.superadmin-dept-grid{grid-template-columns:1fr}}@media (max-width:768px){.superadmin-sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out}.superadmin-sidebar.mobile-open{transform:translateX(0)}.superadmin-main-content{margin-left:0;padding:20px}.superadmin-embedded-dashboard{left:0;max-width:100vw;width:100vw}.superadmin-stats-grid{grid-template-columns:1fr}.superadmin-header-content{align-items:flex-start;flex-direction:column}}.superadmin-mobile-menu-btn{background:linear-gradient(135deg,#1f7d53,#1a6b47);border:none;border-radius:12px;box-shadow:0 4px 12px #1f7d534d;cursor:pointer;display:none;left:20px;padding:12px;position:fixed;top:20px;transition:all .3s ease;z-index:1001}.superadmin-mobile-menu-btn:hover{box-shadow:0 6px 16px #1f7d5366;transform:scale(1.05)}.superadmin-mobile-menu-btn:active{transform:scale(.95)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;height:18px;width:24px}.hamburger-icon span{background:#fff;border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}.superadmin-sidebar.mobile-open~.superadmin-mobile-menu-btn .hamburger-icon span:first-child{transform:rotate(45deg) translate(6px,6px)}.superadmin-sidebar.mobile-open~.superadmin-mobile-menu-btn .hamburger-icon span:nth-child(2){opacity:0}.superadmin-sidebar.mobile-open~.superadmin-mobile-menu-btn .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.superadmin-mobile-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:899}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.superadmin-mobile-menu-btn,.superadmin-mobile-overlay{display:block}.superadmin-main-content{padding-top:80px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ddd55751.css.map*/