@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined";.login-page{background:linear-gradient(180deg,#fbfdff,#f3f7fb 40%,#eaf1ff);display:flex;justify-content:center;align-items:center;padding:36px;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a;box-sizing:border-box}.login-page *{box-sizing:border-box}.login-wrapper{display:grid;grid-template-columns:2fr 2fr;width:min(96%,1100px);height:640px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #02061759;background:linear-gradient(180deg,#fffffffa,#fafbfff2)}.portal-section{display:flex;flex-direction:column;gap:22px;padding:90px 36px;border-right:1px solid rgba(8,17,39,.04);background:linear-gradient(180deg,#fff,#f7fbff)}.brand{display:flex;align-items:center;gap:14px}.brand .logo{width:52px;height:52px;display:grid;place-items:center;font-weight:700;font-size:20px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 6px 18px #2563eb1f}.brand h1{font-size:20px;margin:0;letter-spacing:-.2px}.brand p{font-size:13px;margin:0;color:#6b7280}.portal-section h2{font-size:18px;font-weight:700;margin:8px 0 4px;color:#071024}.portal-grid{display:grid;grid-template-columns:2fr 2fr;gap:16px;margin-top:6px}.portal-card{display:flex;gap:15px;align-items:center;padding:18px;min-height:150px;background:#fff;border-radius:12px;border:1px solid rgba(10,20,40,.04);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 6px 18px #0812280a}.portal-card .icon{width:54px;height:54px;border-radius:10px;display:grid;place-items:center;font-size:22px;color:#2563eb;background:linear-gradient(180deg,#2563eb14,#0ea5e90f)}.portal-card .meta{display:flex;flex-direction:column;gap:4px}.portal-card h4{margin:0;font-size:15px;font-weight:700}.portal-card p{margin:0;font-size:13px;color:#6b7280}.portal-card:hover{transform:translateY(-6px);border-color:#2563eb26;box-shadow:0 12px 36px #0206171f}.portal-card.active{border-color:#2563eb38;background:linear-gradient(180deg,#f8fbff,#eef6ff);box-shadow:0 18px 46px #0ea5e914;transform:translateY(-4px) scale(1.01)}.form-section{display:flex;justify-content:center;align-items:center;padding:48px 46px;background:linear-gradient(180deg,#fff,#fbfdff)}.form-card{width:100%;max-width:420px;padding:28px;border-radius:12px;background:#fffffffa;border:1px solid rgba(8,16,40,.04);box-shadow:0 10px 30px #0208170f}.form-card h3{margin:0;font-size:20px;color:#071024}.form-card p.subtitle{margin:6px 0 18px;color:#6b7280;font-size:13px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.form-group label{font-size:13px;font-weight:600}.form-group input{height:46px;padding:10px 12px;border-radius:10px;border:1px solid rgba(9,20,40,.06);background:#fbfdff;font-size:15px;outline:none;transition:box-shadow .14s ease,border-color .14s ease,transform .12s ease}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;transform:translateY(-1px)}.actions{display:flex;gap:12px;align-items:center;margin-top:6px}.btn-submit{flex:1;background:linear-gradient(90deg,#2563eb,#0ea5e9);color:#fff;border:none;height:48px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px #2563eb24;transition:transform .12s ease,box-shadow .16s ease,opacity .12s ease}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 14px 34px #2563eb2e}.btn-demo{width:100%;height:44px;background:linear-gradient(90deg,#16a34a,#22c55e);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px #10b98140;transition:transform .15s ease,box-shadow .15s ease}.btn-demo:hover{transform:translateY(-3px);box-shadow:0 12px 28px #10b98159}.form-links{margin-top:14px;display:flex;justify-content:space-between;flex-wrap:wrap}.form-links .link-muted{background:none;border:none;font-size:13px;color:#2563eb;cursor:pointer;text-decoration:underline;padding:0}@media (max-width: 880px){.login-wrapper{grid-template-columns:1fr;height:auto}.form-section{order:1;padding:28px}.portal-section{order:2;border-right:none;border-top:1px solid rgba(8,17,39,.04);padding:28px}.portal-grid{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 480px){.portal-grid{grid-template-columns:1fr;gap:10px}.portal-card{min-height:120px;padding:14px}.form-card{padding:20px}.form-links{flex-direction:column;gap:6px;align-items:flex-start}}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;justify-content:space-between;font-family:Inter,Segoe UI,sans-serif;transition:width .3s;box-shadow:2px 0 8px #0000000d}.main-content{margin-left:220px;padding:20px}.sidebar-header{padding:25px 20px;border-bottom:1px solid #eee}.sidebar-header h2{font-size:20px;font-weight:700;color:#0a66c2;margin:0}.sidebar-header p{font-size:13px;color:#6b7280;margin-top:4px}.sidebar-nav{flex-grow:1;display:flex;flex-direction:column;padding:15px 0}.sidebar-nav a{display:flex;align-items:center;padding:12px 20px;color:#374151;text-decoration:none;font-size:15px;font-weight:500;border-radius:8px;transition:all .2s ease-in-out}.sidebar-nav a .material-symbols-outlined{margin-right:12px;font-size:22px;color:#0a66c2}.sidebar-nav a:hover{background:#eef6ff;padding-left:25px;box-shadow:inset 5px 0 #0a66c2}.sidebar-nav .active{background:#d0e5ff;font-weight:600;color:#0a66c2;padding-left:25px;box-shadow:inset 5px 0 #0a66c2}.sidebar-footer{padding:20px;border-top:1px solid #eee}.logout-btn{width:100%;padding:10px 0;background:#0a66c2;color:#fff;border:none;cursor:pointer;border-radius:8px;font-weight:600;transition:all .2s}.logout-btn:hover{background:#094a8f}.navbar{position:fixed;top:0;left:200px;right:0;height:70px;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-family:Inter,Segoe UI,sans-serif;z-index:1000;box-shadow:0 2px 6px #0000000d}.navbar-left h2{margin:0;font-size:20px;font-weight:600;color:#0a66c2}.navbar-left p{margin:2px 0 0;font-size:14px;color:#555}.navbar-center{flex-grow:1;display:flex;justify-content:center}.search-bar{width:350px;padding:8px 15px;border:1px solid #ddd;border-radius:12px;font-size:14px;transition:all .2s}.search-bar:focus{border-color:#0a66c2;box-shadow:0 0 8px #0a66c233;outline:none}.icon-btn{background:transparent;border:none;font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;font-size:24px;color:#0a66c2;cursor:pointer;transition:color .2s,transform .2s}.icon-btn:hover{color:#094a8f;transform:scale(1.1)}.employee-layout{display:flex}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:#fff;border-right:1px solid #e5e5e5;z-index:1000}.main-area{flex:1;margin-left:220px;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:221px;right:0;height:70px;background:#fff;border-bottom:1px solid #ddd;z-index:1000}.content{margin-top:70px;padding:20px;min-height:calc(100vh - 70px);background:#f9f9f9}.dashboard{padding:25px;font-family:Inter,sans-serif;background:#f0f4f8;color:#111;transform:translateY(-2rem);transform:translate(-1em)}.hero-section{display:flex;gap:30px;margin-bottom:25px;align-items:center}.welcome-box{flex:1;padding:25px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:25px;color:#fff;text-align:center;box-shadow:0 12px 28px #00000026}.welcome-box h2{font-size:24px;margin:0;opacity:.85}.welcome-box h1{font-size:36px;margin:10px 0 0;font-weight:700}.clock-box{width:160px;height:160px;background:#fff;border-radius:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0000001f}.analog-clock{width:120px;height:120px;position:relative}.clock-face{width:100%;height:100%;border-radius:50%;background:#e0f2fe;border:4px solid #3b82f6;position:relative}.hand{position:absolute;bottom:50%;left:50%;transform-origin:bottom center;border-radius:2px}.hour-hand{width:4px;height:30px;background:#2563eb;margin-left:-2px}.minute-hand{width:3px;height:40px;background:#3b82f6;margin-left:-1.5px}.second-hand{width:2px;height:45px;background:#facc15;margin-left:-1px}.center-dot{position:absolute;width:8px;height:8px;background:#2563eb;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:25px}.stat-card{padding:20px;border-radius:18px;color:#fff;box-shadow:0 6px 18px #00000014;transition:.3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0000001f}.stat-card h4{margin:0 0 8px;font-size:14px;font-weight:600}.stat-value{font-size:28px;font-weight:700}.stat-sub{font-size:12px;opacity:.9}.dashboard-content{display:flex;gap:25px}.left-col,.right-col{flex:1;display:flex;flex-direction:column;gap:18px}.announcement-scroll{max-height:400px;overflow-y:auto}.announcement-card{background:#fff;border-radius:16px;padding:15px;box-shadow:0 6px 18px #00000014;margin-bottom:10px;transition:.2s;cursor:pointer}.announcement-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001f}.announcement-card h4{margin:0 0 6px;font-size:14px;font-weight:600}.announcement-card p{margin:0 0 4px;font-size:13px;color:#555}.announcement-card .meta{font-size:11px;color:#999}.see-more{display:block;text-align:center;margin-top:5px;font-size:12px;color:#3b82f6;cursor:pointer}.reminder-card.main{background:#3b82f6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.reminder-card{background:#fff;border-radius:16px;padding:12px 15px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:space-between;transition:.2s}.reminder-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.actions-scroll{max-height:250px;overflow-y:auto;background:#fff;border-radius:16px;padding:12px;box-shadow:0 6px 18px #00000014}.action-list-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e5e7eb;font-weight:500}.action-list-item:last-child{border-bottom:none}.achievement-card{background:#fff;border-radius:16px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 18px #00000014;transition:.2s}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000001f}.achievement-card p{margin:0;font-size:14px;font-weight:600}.achievement-card span{font-size:16px;font-weight:700;color:#3b82f6}.reminder-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center}.popup-content{background:#fff;padding:25px;border-radius:20px;width:300px;text-align:center;box-shadow:0 12px 28px #0003}.popup-content input{width:100%;padding:8px 12px;margin:15px 0;border-radius:12px;border:1px solid #ccc}.popup-buttons{display:flex;justify-content:space-between;gap:10px}.popup-buttons button{flex:1;padding:8px 0;border-radius:12px;border:none;cursor:pointer;font-weight:600}.popup-buttons button:first-child{background:#3b82f6;color:#fff}.popup-buttons button:last-child{background:#ef4444;color:#fff}.tasks-dashboard{padding:2rem;font-family:Segoe UI,sans-serif;background:#f5f7fa;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header h2{font-size:2rem;margin:0;color:#111}.header p{color:#555;margin-top:.3rem}.new-task-btn{background:linear-gradient(135deg,#4b7bec,#a55eea);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer}.new-task-btn:hover{transform:scale(1.05)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.card{background:#fff;padding:1rem;border-radius:14px;box-shadow:0 6px 18px #0000000d;text-align:center}.card h3{font-size:1.5rem;margin:.3rem 0;color:#111}.card.total{background:#eef2fb}.card.in-progress{background:#fff4e6}.card.completed{background:#e6f9f0}.tabs{display:flex;gap:1rem;margin-bottom:1rem}.tabs button{padding:.5rem 1rem;border-radius:12px;border:none;cursor:pointer;background:#e2e8f0;font-weight:600}.tabs button.active{background:#4b7bec;color:#fff}.task-list{display:flex;flex-direction:column;gap:1.2rem;max-height:600px;overflow-y:auto}.task-card{background:#fff;border-radius:14px;padding:1.2rem;box-shadow:0 4px 20px #0000000d}.task-header{display:flex;justify-content:space-between;align-items:center}.task-header h3{font-size:1.2rem;margin:0}.status{padding:.3rem .7rem;border-radius:8px;font-size:.8rem;font-weight:600;color:#fff}.status.todo{background:#fd7e14}.status.inprogress{background:#4b7bec}.status.completed{background:#28a745}.task-desc{margin:.7rem 0;color:#555}.task-meta{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.7rem}.priority{padding:.3rem .7rem;border-radius:8px;font-weight:600;font-size:.8rem}.priority.high{background:#dc3545;color:#fff}.priority.medium{background:#ffb600;color:#111}.priority.low{background:#17a2b8;color:#fff}.progress-container{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.progress-container input[type=range]{width:100%}.no-task{text-align:center;color:#888;padding:2rem}.progress-options{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.progress-options button{padding:.4rem .8rem;border-radius:8px;border:none;cursor:pointer;background:#4b7bec;color:#fff;transition:background .2s}.progress-options button:hover{background:#3454b4}.progress-options .disabled-option{background:#ccc;cursor:not-allowed}.complete-btn{background:#28a745}.complete-btn:hover{background:#1e7e34}.new-task-modal{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.new-task-modal input,.new-task-modal textarea,.new-task-modal select{padding:.5rem;border-radius:8px;border:1px solid #ccc;width:100%}.modal-buttons{display:flex;gap:.5rem}.modal-buttons button{padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer}.modal-buttons button:first-child{background:#4b7bec;color:#fff}.modal-buttons button:last-child{background:#ccc}.attendance-container{padding:30px;font-family:Inter,Segoe UI,sans-serif;background:#f5f6fa;color:#2c3e50}.page-title{font-size:28px;font-weight:700;margin-bottom:5px;color:#1f2a38}.subtitle{color:#6c7a89;font-size:16px;margin-bottom:30px}.time-clock-card{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:30px;border-radius:15px;margin-bottom:30px;box-shadow:0 10px 25px #00000014;transition:transform .2s ease}.time-clock-card:hover{transform:translateY(-3px)}.current-time h1{font-size:48px;font-weight:700;margin:0;color:#34495e}.current-time p{margin-top:5px;font-size:14px;color:#7f8c8d}.clock-info p{margin:8px 0;font-size:16px;color:#34495e}.clock-info span{font-weight:500;color:#95a5a6}.status{margin-top:10px;font-size:14px;display:flex;align-items:center;gap:8px;font-weight:600}.red-dot{height:12px;width:12px;background:#e74c3c;border-radius:50%;display:inline-block}.present-dot{height:12px;width:12px;background:#2ecc71;border-radius:50%;display:inline-block}.clock-btn{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;border:none;padding:15px 22px;border-radius:12px;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:10px;font-weight:600;box-shadow:0 5px 15px #1abc9c4d;transition:all .3s ease}.clock-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1abc9c66}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:35px}.stat-card{background:#fff;padding:25px;border-radius:15px;text-align:center;box-shadow:0 10px 20px #0000000d;transition:transform .2s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{font-size:16px;font-weight:600;margin-bottom:10px;color:#34495e}.big-text{font-size:22px;font-weight:700;margin-bottom:5px;color:#1f2a38}.attendance-table{width:100%;border-collapse:separate;border-spacing:0 10px;margin-bottom:30px}.attendance-table th,.attendance-table td{padding:12px 15px;text-align:center;font-size:14px}.attendance-table th{background:#ecf0f1;color:#34495e;font-weight:600}.attendance-table td{background:#fff;color:#2c3e50;border-radius:8px;box-shadow:0 2px 5px #0000000d}.present{color:#2ecc71;font-weight:600}.late{color:#f39c12;font-weight:600}.leave{color:#3498db;font-weight:600}.bottom-section{display:flex;flex-wrap:wrap;gap:25px}.weekly-overview,.break-tracking{flex:1;min-width:280px;background:#fff;padding:20px 25px;border-radius:15px;box-shadow:0 10px 25px #00000014;transition:transform .2s ease}.weekly-overview:hover,.break-tracking:hover{transform:translateY(-3px)}.weekly-overview h3,.break-tracking h3{font-size:18px;font-weight:700;margin-bottom:15px;color:#34495e}.weekly-overview p,.break-tracking p{margin:8px 0;font-size:14px;color:#2c3e50}.break-tracking strong{color:#16a085}.inline-message{background:#16a085;color:#fff;padding:10px 15px;margin-bottom:20px;border-radius:8px;font-weight:600}.break-btn{background:#f39c12;color:#fff;border:none;padding:10px 18px;margin-left:15px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;transition:all .3s ease}.break-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f39c1266}.weekly-cards{display:flex;gap:15px;margin:20px 0;flex-wrap:wrap}.week-card{flex:1 1 100px;background:#fff;padding:15px 20px;border-radius:12px;text-align:center;box-shadow:0 8px 18px #00000014;transition:transform .2s ease}.week-card:hover{transform:translateY(-3px)}.week-card h4{font-weight:600;margin-bottom:8px}.week-card.present{border-top:4px solid #2ecc71}.week-card.late{border-top:4px solid #f39c12}.week-card.leave{border-top:4px solid #3498db}.week-card.absent{border-top:4px solid #e74c3c}.show-all-btn{background:#2980b9;color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;margin-bottom:20px;font-weight:600}.show-all-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2980b966}.break-btn{background-color:#f3f3f3;border:1px solid #ccc;padding:8px 12px;margin-left:10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border-radius:5px}.break-btn.break-active{background-color:#ffeb3b;border-color:#fbc02d;color:#000}.break-info{background:#f9f9f9;padding:10px;margin:5px 0;border-left:4px solid #ffeb3b}.break-btn{background-color:#f39c12;color:#fff;border:none;padding:10px 18px;margin-left:15px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:600;transition:all .3s ease}.break-btn.break-active{background-color:#ffeb3b;color:#000;border:1px solid #fbc02d}.leave-container{position:relative;padding:24px;font-family:Inter,sans-serif;color:#111827}.leave-title{font-size:1.8rem;font-weight:600;margin-bottom:4px}.subtitle{color:#6b7280;margin-bottom:24px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:32px}.summary-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 4px 20px #0000000d;text-align:center;transition:.3s}.summary-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #0000001a}.summary-card h3{font-size:1.5rem;font-weight:700}.summary-card p{color:#6b7280;font-size:.9rem}.summary-card.used h3{color:#2563eb}.summary-card.pending h3{color:#f97316}.summary-card.remaining h3{color:#16a34a}.section-title{font-size:1.2rem;font-weight:600;margin:24px 0 12px}.breakdown-grid{display:flex;gap:16px;margin-bottom:32px}.breakdown-card{flex:1;background:#fff;padding:16px;border-radius:12px;text-align:center;box-shadow:0 3px 16px #0000000d}.breakdown-card h4{font-size:1.2rem;font-weight:600;color:#111827}.breakdown-card p{color:#6b7280;font-size:.85rem}.request-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.request-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 3px 18px #0000000d;transition:.3s}.request-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #0000001a}.req-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.status{padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:500}.status.approved{background:#dcfce7;color:#166534}.status.pending{background:#fef9c3;color:#92400e}.status.rejected{background:#fee2e2;color:#991b1b}.delete-btn{margin-top:10px;background:transparent;border:1px solid #dc2626;color:#dc2626;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.8rem}.delete-btn:hover{background:#dc2626;color:#fff}.new-leave-fab{position:fixed;bottom:24px;right:24px;background:#2563eb;color:#fff;padding:14px 22px;font-size:1rem;font-weight:500;border:none;border-radius:12px;cursor:pointer;box-shadow:0 6px 20px #2563eb4d;transition:.3s}.new-leave-fab:hover{background:#1e40af;transform:scale(1.05)}.leave-form-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.leave-form{background:#fff;padding:28px;border-radius:16px;width:400px;box-shadow:0 8px 28px #0003;animation:fadeIn .3s ease}.leave-form h3{margin-bottom:16px;font-size:1.4rem;font-weight:600;text-align:center}.leave-form label{display:block;margin-bottom:12px;font-size:.9rem;color:#374151}.leave-form input,.leave-form textarea{width:100%;margin-top:6px;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit}.leave-form textarea{resize:none;min-height:70px}.form-actions{display:flex;justify-content:space-between;margin-top:18px}.form-actions button{flex:1;padding:10px 14px;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:500;transition:.2s}.form-actions button:first-child{background:#2563eb;color:#fff;margin-right:10px}.form-actions button:first-child:hover{background:#1e40af}.form-actions .cancel-btn{background:#f3f4f6;color:#374151}.form-actions .cancel-btn:hover{background:#e5e7eb}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.leave-balance{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px}.balance-grid{display:flex;gap:15px;margin-top:10px}.balance-card{flex:1;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;text-align:center}.balance-card h4{margin:0 0 8px;font-size:16px;color:#333}.leave-list{margin-top:20px}.leave-card{border:1px solid #ddd;background:#fff;border-radius:6px;padding:10px;margin-bottom:12px}.doc-container{padding:30px;font-family:Inter,"sans-serif";background:#f8f9fa;color:#2c3e50}.doc-stats{display:flex;gap:20px;margin-bottom:30px}.stat-card{flex:1;padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #00000014;transition:transform .3s,box-shadow .3s;font-weight:600;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.stat-card h3{font-size:28px;margin:0 0 5px;color:#1f2a38}.stat-card p{font-size:14px;color:#6c7a89}.stat-card.total{background:#e3f2fd;color:#1976d2}.stat-card.pending{background:#fff4e5;color:#f57c00}.stat-card.accepted{background:#e8f5e9;color:#2e7d32}.stat-card.declined{background:#ffebee;color:#c62828}.doc-upload{background:#fff;padding:25px;border-radius:14px;box-shadow:0 6px 18px #0000000f;margin-bottom:30px;display:flex;flex-direction:column;gap:12px}.doc-upload input[type=file],.doc-upload input[type=text]{border:1px solid #d1d9e6;padding:12px;border-radius:10px;width:100%;font-size:14px;transition:border .3s}.doc-upload input[type=file]:hover,.doc-upload input[type=text]:hover{border-color:#a5b1c2}.submit-btn{background:#1976d2;color:#fff;border:none;padding:12px 18px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;transition:background .3s,transform .2s}.submit-btn:hover{background:#1565c0;transform:translateY(-2px)}.doc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.doc-card{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;padding:18px;border-radius:14px;box-shadow:0 4px 14px #0000000d;transition:transform .2s,box-shadow .2s;flex-direction:column}.doc-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0000001a}.doc-info h4{margin:0 0 8px;font-size:16px;color:#1f2a38}.doc-info p{font-size:13px;color:#6c7a89;margin-bottom:10px;line-height:1.4}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.processing{background:#fff3e0;color:#f57c00}.status-badge.accepted{background:#e8f5e9;color:#2e7d32}.status-badge.declined{background:#ffebee;color:#c62828}.doc-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:auto}.doc-actions button{padding:6px 14px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:500;transition:background .3s,transform .2s}.doc-actions button.delete{background:#c62828;color:#fff}.doc-actions button.delete:hover{background:#b71c1c;transform:translateY(-1px)}.doc-actions button:hover:not(.delete){background:#e3f2fd;color:#1976d2;transform:translateY(-1px)}.chat-app{display:flex;height:100vh;font-family:Arial,sans-serif}.chat-sidebar h3{padding:15px;margin:0;border-bottom:1px solid #ddd}.chat-sidebar input{margin:10px;padding:8px;border-radius:20px;border:1px solid #ccc}.chat-sidebar li{padding:12px;cursor:pointer;border-bottom:1px solid #eee;position:relative}.chat-sidebar li.active{background:#e6f7ff}.chat-sidebar .chat-title{font-weight:700}.chat-sidebar .chat-last{font-size:12px;color:#777}.chat-header{padding:15px;background:#ededed;border-bottom:1px solid #ddd}.chat-messages{flex:1;padding:20px;overflow-y:auto}.message .bubble{padding:10px 15px;border-radius:20px;background:#fff;display:inline-block}.chat-input input{flex:1;padding:10px;border-radius:20px;border:1px solid #ccc}.chat-input button{margin-left:10px;padding:10px 20px;background:#25d366;color:#fff;border:none;border-radius:20px;cursor:pointer}.no-chat{padding:20px;color:#555}.chat-sidebar li.active{background:#d0ebff;font-weight:700;transition:.3s}.chat-messages{background:#f0f0f0;border-radius:15px 15px 0 0;padding:15px;overflow-y:auto;scroll-behavior:smooth}.chat-sidebar li{transition:all .2s}.chat-messages{flex:1;padding:20px;overflow-y:auto;scroll-behavior:smooth}.message .bubble{padding:10px 15px;border-radius:20px;background:#fff;display:inline-block;position:relative}.message.you .bubble{background:#dcf8c6}.message.other .bubble{background:#fff}.emp-req-container{padding:2rem;background:#f9fafb;min-height:100vh;font-family:Inter,sans-serif}.emp-req-title{font-size:1.6rem;font-weight:700;color:#1f2937;margin-bottom:.3rem}.emp-req-subtitle{font-size:.95rem;color:#6b7280;margin-bottom:1.5rem}.emp-req-list{display:flex;flex-direction:column;gap:18px}.emp-req-card{background:#fff;border-radius:12px;padding:1.2rem;border:1px solid #e5e7eb;box-shadow:0 3px 10px #0000000d;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,box-shadow .2s}.emp-req-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.emp-req-info{display:flex;align-items:center;gap:12px}.emp-req-icon{background:#eef2ff;color:#4f46e5;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center}.emp-req-info h4{margin:0;font-size:1rem;font-weight:600;color:#111827}.emp-req-info p{margin:2px 0 0;font-size:.85rem;color:#6b7280}.emp-req-actions{display:flex;gap:10px}.emp-btn{display:flex;align-items:center;gap:6px;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .2s,transform .15s}.emp-btn:hover{transform:translateY(-2px)}.emp-btn.allow{background:#4ade80;color:#fff}.emp-btn.allow:hover{background:#22c55e}.emp-btn.deny{background:#f87171;color:#fff}.emp-btn.deny:hover{background:#dc2626}.emp-status{font-size:.9rem;font-weight:600;padding:6px 12px;border-radius:6px}.emp-status.accepted{background:#dcfce7;color:#15803d}.emp-status.declined{background:#fee2e2;color:#b91c1c}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease}.modal{background:#fff6;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border-radius:28px;padding:36px 32px;width:420px;max-width:90%;box-shadow:0 22px 50px #00000026;border:1px solid rgba(255,255,255,.35);display:flex;flex-direction:column;gap:22px}.adm-sidebar{width:250px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:1rem;position:relative;z-index:1200;transition:transform .3s ease}.adm-sidebar-logo{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}.adm-sidebar-logo h2{font-size:1rem;font-weight:600}.adm-sidebar-logo p{font-size:.75rem;color:#6b7280}.adm-sidebar-nav{display:flex;flex-direction:column;flex:1;overflow-y:auto}.adm-nav-section{margin-bottom:1rem}.adm-nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#9ca3af;margin:0 0 .5rem .5rem}.adm-nav-link{display:flex;align-items:center;gap:8px;padding:.6rem;color:#374151;text-decoration:none;border-radius:6px;font-size:.9rem;transition:background .2s}.adm-nav-link:hover{background:#f3f4f6}.adm-nav-link.active{background:#e0f2fe;color:#0284c7;font-weight:600}.adm-sidebar-user{display:flex;align-items:center;gap:10px;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.adm-user-avatar{background:#1e293b;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;font-size:.8rem;font-weight:600}.adm-user-info h4{font-size:.9rem;margin:0}.adm-user-info p{font-size:.75rem;color:#6b7280;margin:0}.adm-logout-btn{margin-top:auto;padding:.75rem;border:none;background:none;color:#ef4444;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s}.adm-logout-btn:hover{color:#dc2626}.adm-sidebar-overlay{position:fixed;inset:0;background:#0000004d;z-index:1100}.admin-nav-link{display:flex;align-items:center;gap:8px;padding:.6rem;color:#1e3a8a;text-decoration:none;border-radius:6px;font-size:.9rem;transition:background .2s,transform .2s;font-weight:600}.admin-nav-link:hover{background:#dbeafe;transform:translate(4px)}.admin-nav-link.active{background:#bfdbfe;color:#1d4ed8;font-weight:700;border-left:4px solid #1d4ed8;padding-left:12px}@media (max-width: 768px){.adm-sidebar{position:fixed;top:0;left:0;transform:translate(-100%)}.adm-sidebar.adm-open{transform:translate(0)}}.admin-navbar{position:fixed;top:0;right:0;height:60px;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0 1rem;z-index:1100;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 30px #0000001a}.mobile-hamburger{display:none;font-size:1.5rem;cursor:pointer;background:none;border:none;color:#111827}.user-actions{display:flex;align-items:center;gap:.8rem}.user-actions button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#ef4444}@media (max-width: 768px){.mobile-hamburger{display:block}}.sidebar-nav{display:flex;flex-direction:column;gap:.8rem;flex:1;overflow-y:visible}.admin-navbar{position:fixed;top:0;right:0;left:0;height:60px;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:0 1rem;z-index:1100;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:0;box-shadow:0 4px 30px #0000001a;display:none}@media (max-width: 768px){.admin-navbar{display:flex}}.adm-layout{display:flex;height:100vh;width:100%;overflow:hidden}.adm-main-content{flex:1;display:flex;flex-direction:column;background:#f9fafb;height:100vh;overflow:hidden;transition:margin-left .3s ease}.adm-main-content.adm-sidebar-open{margin-left:0}.adm-page-content{flex-grow:1;overflow-y:auto;padding:20px;background:#f9fafb;scrollbar-width:none;-ms-overflow-style:none}.adm-page-content::-webkit-scrollbar{display:none}@media (max-width: 768px){.adm-main-content{width:100%}}.dashboard-container{width:100%;padding:20px;background:#f0f3f8;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;color:#222}.welcome-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.welcome-text h1{font-size:1.8rem;margin:0;font-weight:700;color:#0d47a1}.welcome-text p{color:#555;margin-top:.3rem}.header-actions{display:flex;align-items:center;gap:.8rem}.btn-announcement{background:linear-gradient(135deg,#1a73e8,#4dabf7);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 4px 14px #0000001f;transition:all .3s ease}.btn-announcement:hover{transform:translateY(-2px) scale(1.02)}.summary-cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.card{flex:1 1 220px;background:#ffffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.2rem;border-radius:15px;box-shadow:0 6px 20px #0000000d;transition:all .3s ease;text-align:center;min-width:160px}.card:hover{transform:translateY(-4px) scale(1.02)}.card h3{font-size:1rem;color:#555}.card p{font-size:1.5rem;font-weight:700;margin:.4rem 0;color:#0d47a1}.gradient-blue{background:linear-gradient(135deg,#1e88e5,#42a5f5);color:#fff}.gradient-green{background:linear-gradient(135deg,#43a047,#66bb6a);color:#fff}.gradient-yellow{background:linear-gradient(135deg,#fdd835,#ffee58);color:#fff}.gradient-red{background:linear-gradient(135deg,#e53935,#ef5350);color:#fff}.gradient-purple{background:linear-gradient(135deg,#8e24aa,#ab47bc);color:#fff}.gradient-orange{background:linear-gradient(135deg,#fb8c00,#ffa726);color:#fff}.gradient-teal{background:linear-gradient(135deg,#00897b,#26a69a);color:#fff}.achievements-section{margin-bottom:2rem}.achievement-cards{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.achievement-card{flex:1 1 200px;background:linear-gradient(135deg,#e3f2fd,#fff);padding:.8rem;border-radius:15px;box-shadow:0 6px 18px #00000014;text-align:center;font-weight:600;transition:all .3s ease;min-width:150px}.achievement-card:hover{transform:translateY(-3px) scale(1.02)}.announcements-quick-container{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.urgent-actions{flex:2;min-width:280px;background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:1rem;box-shadow:0 6px 24px #1f26871f;border:1px solid rgba(255,255,255,.3)}.announcement-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem}.announcement-item{padding:.8rem 1rem;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(255,255,255,.3);transition:all .2s ease}.announcement-item:hover{transform:translate(4px) scale(1.02)}.quick-actions-list{flex:1;min-width:180px;background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;padding:1rem;box-shadow:0 6px 24px #1f26871f;border:1px solid rgba(255,255,255,.3)}.quick-actions-list h3{font-size:1.1rem;margin-bottom:.6rem;color:#1e3a8a;font-weight:600}.quick-actions-list ul{list-style:none;padding:0;margin:0}.quick-actions-list li{display:flex;align-items:center;padding:.5rem .4rem;cursor:pointer;transition:all .2s ease;border-radius:8px}.quick-actions-list li:hover{background:#1e3a8a14}.list-icon{font-size:1.2rem;margin-right:.5rem;color:#1e3a8a}.list-label{font-weight:600;color:#111}.clock-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:15px;padding:1rem;min-width:180px;margin-bottom:1rem}.analog-clock{position:relative;width:120px;height:120px;margin-top:.6rem}.face{position:relative;width:100%;height:100%;border:4px solid #0d47a1;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.hand{position:absolute;top:50%;left:50%;transform-origin:center bottom;border-radius:2px}.hand.hour{width:3px;height:35%;background:#0d47a1;margin-top:-35%}.hand.minute{width:2.5px;height:45%;background:#1976d2;margin-top:-45%}.hand.second{width:2px;height:50%;background:#e53935;margin-top:-50%}.center-dot{position:absolute;width:8px;height:8px;background:#0d47a1;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 1200px){.summary-cards{gap:.8rem}.announcement-item{padding:.7rem .8rem}.quick-actions-list{min-width:160px}}@media (max-width: 992px){.announcements-quick-container{flex-direction:column}.urgent-actions,.quick-actions-list{width:100%}}@media (max-width: 768px){.welcome-section{flex-direction:column;align-items:flex-start;gap:.6rem}.btn-announcement{width:100%;text-align:center}.summary-cards,.achievements-section{justify-content:center}}@media (max-width: 576px){.card p{font-size:1.3rem}.achievement-card{font-size:.85rem;padding:.6rem}.analog-clock{width:100px;height:100px}.hand.hour{width:2.5px}.hand.minute{width:2px}.hand.second{width:1.5px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.modal-apple{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:2rem 2.5rem;width:100%;max-width:500px;box-shadow:0 20px 40px #0003;animation:fadeInScale .3s ease forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal-apple h3{font-size:1.5rem;margin-bottom:1rem;color:#0d47a1;text-align:center}.modal-apple form input,.modal-apple form textarea{width:100%;padding:.8rem 1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:12px;font-size:1rem;outline:none;transition:all .2s ease}.modal-apple form input:focus,.modal-apple form textarea:focus{border-color:#1e3a8a;box-shadow:0 0 10px #1e3a8a33}.modal-apple form textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:.8rem}.modal-actions button{padding:.6rem 1.2rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.modal-actions button[type=submit]{background:#1a73e8;color:#fff}.modal-actions button[type=submit]:hover{transform:translateY(-2px);background:#1565c0}.modal-actions .btn-cancel{background:#f0f0f0;color:#333}.modal-actions .btn-cancel:hover{background:#e0e0e0}.urgent-actions{flex:2;min-width:280px;max-height:400px;overflow-y:auto;transition:all .3s ease}.announcement-item{padding:.8rem 1rem;background:#ffffff59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 6px 20px #00000014;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.announcement-item:hover{transform:translate(6px) scale(1.02);background:#ffffff73}.announcement-list::-webkit-scrollbar{width:6px}.announcement-list::-webkit-scrollbar-track{background:transparent}.announcement-list::-webkit-scrollbar-thumb{background-color:#1e3a8a66;border-radius:10px}@media (max-width: 992px){.urgent-actions,.quick-actions-list{width:100%;max-height:none}.announcement-list{max-height:300px}}@media (max-width: 576px){.announcement-item h4{font-size:.95rem}.announcement-item p{font-size:.85rem}.modal-apple{padding:1.5rem}.modal-apple h3{font-size:1.3rem}}.leave-approvals-container{padding:2rem;font-family:Segoe UI,Arial,sans-serif;background:#f7f8fa;min-height:100vh}h2{margin-bottom:.2rem}.subtitle{color:#555;margin-bottom:1.5rem}.summary-cards{display:flex;gap:1rem;margin-bottom:2rem}.card{flex:1;background:#fff;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 2px 8px #00000014;text-align:center}.card h4{margin-bottom:.5rem;color:#333}.card .number{font-size:1.8rem;font-weight:700;margin-bottom:.2rem}.card .number.pending{color:orange}.card .number.approved{color:#28a745}.card .number.rejected{color:#dc3545}.card small{color:#777}.filter-buttons{margin-bottom:1.5rem}.filter-buttons button{margin-right:.5rem;padding:.6rem 1.2rem;border-radius:20px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:.2s}.filter-buttons button:hover{background:#e6f0ff}.filter-buttons button.active{background:#1a73e8;color:#fff;border-color:#1a73e8}.leave-requests-list{display:flex;flex-direction:column;gap:1.5rem}.leave-request-card{background:#fff;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 2px 8px #00000014}.leave-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.employee-info{display:flex;align-items:center;gap:1rem}.avatar{background:#1a73e8;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.status{padding:.3rem .8rem;border-radius:20px;font-weight:700;text-transform:uppercase;font-size:.8rem}.status.pending{background:#fff4e5;color:orange}.status.approved{background:#e6ffed;color:#28a745}.status.rejected{background:#ffe6e6;color:#dc3545}.leave-details p{margin:.4rem 0;color:#444}.leave-actions{margin-top:1rem;display:flex;gap:.5rem}.leave-actions button{padding:.5rem 1rem;border-radius:6px;border:1px solid transparent;cursor:pointer;font-weight:500;transition:.2s}.leave-actions .review{background:#f0f0f0}.leave-actions .approve{background:#28a745;color:#fff}.leave-actions .reject{background:#dc3545;color:#fff}.error{color:red}.emp-management{padding:30px;background:#f9fafc;min-height:100vh;font-family:Inter,Segoe UI,sans-serif;color:#1f2937;text-align:center}.emp-management h1{font-size:32px;margin-bottom:8px;font-weight:700;background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.emp-management p{color:#6b7280;margin-bottom:30px;font-size:15px}.emp-metrics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:35px}.emp-metrics-card{padding:20px;border-radius:16px;color:#fff;text-align:left;box-shadow:0 6px 18px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.emp-metrics-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000026}.emp-metrics-card h3{font-size:14px;opacity:.85;margin:0}.emp-metrics-card h2{font-size:28px;margin-top:8px}.emp-gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.emp-gradient-green{background:linear-gradient(135deg,#10b981,#059669)}.emp-gradient-yellow{background:linear-gradient(135deg,#facc15,#eab308)}.emp-gradient-purple{background:linear-gradient(135deg,#9333ea,#7e22ce)}.emp-gradient-pink{background:linear-gradient(135deg,#ec4899,#db2777)}.emp-toolbar{display:flex;justify-content:center;margin-bottom:25px}.emp-add-btn{display:flex;align-items:center;gap:8px;background:#2563eb;color:#fff;padding:12px 18px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.emp-add-btn:hover{background:#1d4ed8}.emp-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}.emp-card{background:#fff;border-radius:16px;padding:20px;text-align:left;box-shadow:0 4px 12px #0000000d;transition:transform .2s,box-shadow .2s}.emp-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000014}.emp-card h3{font-size:20px;margin-bottom:4px}.emp-card p{font-size:14px;color:#4b5563;margin:4px 0}.emp-card strong{color:#111827}.emp-actions{margin-top:10px;display:flex;gap:10px}.emp-edit-btn,.emp-delete-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:none;border-radius:8px;font-size:13px;cursor:pointer}.emp-edit-btn{background:#f3f4f6;color:#2563eb}.emp-edit-btn:hover{background:#e0e7ff}.emp-delete-btn{background:#fee2e2;color:#dc2626}.emp-delete-btn:hover{background:#fecaca}.emp-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.emp-modal{background:#fff;padding:28px;border-radius:18px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;animation:emp-fadeIn .3s ease}.emp-modal h2{font-size:22px;margin-bottom:10px}.emp-modal input,.emp-modal select{padding:12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px}.emp-modal input:focus,.emp-modal select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.emp-modal-actions{display:flex;justify-content:flex-end;gap:12px}.emp-save-btn{background:#2563eb;color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;border:none;cursor:pointer}.emp-save-btn:hover{background:#1d4ed8}.emp-cancel-btn{background:#f3f4f6;color:#111827;padding:10px 16px;border-radius:10px;border:none;cursor:pointer}.emp-cancel-btn:hover{background:#e5e7eb}@keyframes emp-fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.task-management{padding:25px;font-family:Segoe UI,sans-serif;background:#f4f6fb;color:#333}.tm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:25px}.tm-stat-box{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 6px 18px #00000014;transition:.3s}.tm-stat-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.tm-stat-box h3{font-size:2rem;margin:0}.tm-stat-box p{margin:5px 0 0;font-weight:500;color:#555}.tm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.primary-btn{background:#111;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.3s}.primary-btn:hover{background:#333}.tm-tabs{display:flex;gap:10px;margin-bottom:20px}.tm-tab{padding:8px 18px;border-radius:8px;cursor:pointer;background:#fff;border:1px solid #ddd;transition:.3s}.tm-tab.active{background:#111;color:#fff;border:none}.tm-tab:hover{background:#eaeaea}.tm-task-list{display:flex;flex-direction:column;gap:18px}.tm-task{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 15px #0000000d;transition:.3s}.tm-task:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}.tm-task-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.tm-task-header h4{margin:0}.priority{padding:4px 10px;border-radius:6px;font-weight:700;font-size:12px}.priority.high{background:#ffe5e5;color:#d9534f}.priority.medium{background:#fff3cd;color:#856404}.priority.low{background:#e2f7e2;color:#28a745}.tm-desc{margin:10px 0;font-size:14px;color:#555}.tm-task-info{display:flex;gap:12px;font-size:13px;color:#777;flex-wrap:wrap}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:50}.modal{background:#fff;padding:25px;width:420px;border-radius:12px;box-shadow:0 10px 40px #0003;animation:fadeIn .3s ease}.modal h3{margin-top:0}.modal input,.modal select,.modal textarea{width:100%;padding:10px;margin:8px 0;border-radius:8px;border:1px solid #ddd}.modal textarea{min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.modal-actions button{padding:8px 14px;border-radius:8px;cursor:pointer;border:none;transition:.3s}.modal-actions button:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background:#fff;padding:25px;width:420px;border-radius:12px;box-shadow:0 10px 40px #0003;animation:fadeIn .3s ease;z-index:10000;position:relative}.chat-app{display:flex;height:100vh;font-family:Segoe UI,sans-serif}.chat-sidebar{width:30%;border-right:1px solid #ddd;background:#f9f9f9;display:flex;flex-direction:column}.chat-sidebar h3{padding:15px;margin:0;border-bottom:1px solid #ddd;font-weight:600}.chat-sidebar input{margin:10px;padding:8px 15px;border-radius:20px;border:1px solid #ccc}.chat-sidebar ul{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1}.chat-sidebar li{padding:12px;cursor:pointer;border-bottom:1px solid #eee;position:relative;transition:all .2s}.chat-sidebar li:hover{background:#f1f7ff}.chat-sidebar li.active{background:#d0ebff;font-weight:600}.chat-sidebar .chat-title{font-weight:500}.chat-sidebar .chat-last{font-size:12px;color:#555;margin-top:3px}.chat-sidebar .badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#25d366;color:#fff;border-radius:50%;padding:5px 10px;font-size:12px}.chat-window{flex:1;display:flex;flex-direction:column;background:#e5ddd5}.chat-header{padding:15px;background:#ededed;border-bottom:1px solid #ddd;font-weight:600}.chat-messages{flex:1;padding:15px;overflow-y:auto;scroll-behavior:smooth;border-radius:15px 15px 0 0;background:#f0f0f0}.message{margin-bottom:10px;max-width:60%;display:flex;flex-direction:column}.message.you{align-self:flex-end;align-items:flex-end}.message.other{align-self:flex-start;align-items:flex-start}.message .bubble{padding:10px 15px;border-radius:20px;display:inline-block;position:relative}.message.you .bubble{background:#dcf8c6;animation:slideInRight .3s}.message.other .bubble{background:#fff;animation:slideInLeft .3s}.message .time{font-size:10px;color:#777;margin-top:3px}.chat-input{display:flex;padding:10px;border-top:1px solid #ddd;background:#f9f9f9}.chat-input input{flex:1;padding:10px 15px;border-radius:20px;border:1px solid #ccc}.chat-input button{margin-left:10px;padding:10px 20px;background:#25d366;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:.2s}.chat-input button:hover{background:#20b858}.no-chat{padding:20px;color:#555;text-align:center}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.admin-doc-container{padding:20px;font-family:Arial,sans-serif}.admin-doc-container h1{margin-bottom:5px}.admin-doc-container p{margin-top:0;color:#666}.summary-grid{display:flex;gap:15px;margin:20px 0}.summary-card{flex:1;background:#f8f8f8;border-radius:8px;padding:15px;text-align:center;transition:.3s}.summary-card h3{margin:0;font-size:24px}.summary-card.pending{background:#fff4e5}.summary-card.processing{background:#e5f0ff}.summary-card.accepted{background:#e5fbe5}.summary-card.declined{background:#ffe5e5}.filters{display:flex;gap:10px;margin-bottom:20px}.filters input,.filters select{padding:8px;border-radius:6px;border:1px solid #ccc;flex:1}.doc-list{display:flex;flex-direction:column;gap:15px}.doc-card{display:flex;justify-content:space-between;padding:15px;border-radius:8px;background:#f9f9f9;transition:.2s}.doc-card:hover{background:#f0f0f0}.doc-info{display:flex;gap:15px}.avatar{width:50px;height:50px;background:#666;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:50%}.doc-actions{display:flex;gap:10px;align-items:center}.doc-actions button{padding:5px 10px;border:none;border-radius:6px;cursor:pointer;background:#e0e0e0}.doc-actions input{padding:5px;border-radius:6px;border:1px solid #ccc}.decline-msg{color:#d9534f;font-style:italic}.client-management{max-width:1300px;margin:auto;padding:25px;font-family:Inter,sans-serif}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.add-client-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.add-client-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px)}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:35px}.bento-card{border-radius:14px;padding:20px;color:#fff;box-shadow:0 6px 18px #00000014;transition:transform .2s ease,box-shadow .2s ease}.bento-card:hover{transform:translateY(-5px);box-shadow:0 10px 22px #0000001a}.bento-card h2{font-size:26px;margin:8px 0}.bento-card p{font-size:14px;opacity:.9}.bento-card.teal{background:#0d9488}.bento-card.green{background:#16a34a}.bento-card.orange{background:#ea580c}.bento-card.purple{background:#7c3aed}.bento-card.blue{background:#2563eb}.bento-card.wide{grid-column:span 2}.section-box{background:#fff;border-radius:14px;padding:20px;margin-bottom:30px;box-shadow:0 6px 16px #0000000d}.recent-carousel{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.recent-carousel::-webkit-scrollbar{height:8px}.recent-carousel::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.recent-card{min-width:180px;max-width:200px;height:260px;flex-shrink:0;background:#f9fafb;border-radius:14px;padding:18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #0000000d}.recent-card h3{margin:10px 0 4px;font-size:16px;font-weight:600}.recent-card .company{font-size:13px;color:#555;text-align:center;margin-bottom:8px}.recent-card .meta{font-size:13px;margin-top:auto;text-align:center;color:#333}.add-client-btn{background:linear-gradient(135deg,#6366f1,#9333ea);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 6px 18px #6366f166}.add-client-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-3px);box-shadow:0 10px 22px #6366f199}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.modal-box{background:#fff;border-radius:16px;padding:25px;width:450px;max-width:95%;box-shadow:0 10px 30px #0003;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-box h2{margin-bottom:8px;color:#1f2937}.modal-box p{margin-bottom:18px;font-size:14px;color:#4b5563}.modal-form{display:flex;flex-direction:column;gap:10px}.modal-form input,.modal-form select,.modal-form textarea{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px;outline:none;transition:all .2s ease}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#6366f1;box-shadow:0 0 5px #6366f14d}.modal-form textarea{resize:vertical;min-height:60px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.cancel-btn{padding:10px 20px;border-radius:8px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-weight:500}.cancel-btn:hover{background:#f3f4f6}.create-btn{padding:10px 20px;border-radius:8px;border:none;background:#6366f1;color:#fff;font-weight:600;cursor:pointer}.create-btn:hover{background:#4f46e5}.recent-card{min-width:200px;max-width:220px;height:270px;flex-shrink:0;background:linear-gradient(120deg,#f0f4ff,#fff);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 18px #00000014;transition:transform .2s ease,box-shadow .2s ease}.recent-card:hover{transform:translateY(-5px);box-shadow:0 10px 22px #0000001f}.status.active{background:#16a34a;color:#fff;padding:3px 8px;border-radius:12px;font-size:12px}.status.inactive{background:#ef4444;color:#fff;padding:3px 8px;border-radius:12px;font-size:12px}.client-actions button{font-family:Material Icons;font-size:20px;background:#6366f1;color:#fff;border:none;border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.client-actions button:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.client-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.client-card{background:linear-gradient(145deg,#fefefe,#f5f5f5);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 18px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.client-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a}.client-details h3{margin:0;font-size:16px;color:#1f2937}.client-details p{margin:2px 0;font-size:13px;color:#4b5563}.status.active{background:#10b981;color:#fff;padding:4px 10px;border-radius:12px;font-weight:500}.status.inactive{background:#ef4444;color:#fff;padding:4px 10px;border-radius:12px;font-weight:500}.avatar{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#9333ea);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}.client-proposals{font-family:Inter,Arial,sans-serif;padding:20px;background:#f3f4f6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.stat-card{padding:25px 20px;border-radius:16px;color:#fff;text-align:center;box-shadow:0 8px 20px #00000014;transition:transform .2s;cursor:default}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{margin:0;font-size:26px}.stat-card p{margin:8px 0 0;font-size:14px;opacity:.9}.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.orange{background:linear-gradient(135deg,#f97316,#fb923c)}.green{background:linear-gradient(135deg,#22c55e,#4ade80)}.purple{background:linear-gradient(135deg,#a855f7,#c084fc)}.high-priority{background:#fff0f6;border:1px solid #fbcfe8;padding:20px;border-radius:14px;margin-bottom:25px}.high-priority h4{font-size:18px;margin-bottom:12px;color:#b91c1c}.priority-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 15px;margin-top:12px;border-radius:10px;border:1px solid #fda4af;box-shadow:0 4px 10px #0000000d;transition:transform .2s}.priority-card:hover{transform:translateY(-3px)}.priority-card h5{margin:0;font-size:16px;color:#111827}.priority-card p{margin:0;font-size:14px;color:#6b7280}.status{padding:4px 10px;border-radius:8px;font-size:12px;text-transform:capitalize;font-weight:500}.status.pending{background:#fef3c7;color:#78350f}.status.in-review{background:#dbeafe;color:#1e3a8a}.status.done{background:#d1fae5;color:#065f46}.budget{font-weight:600;color:#16a34a}.client-requests{background:#fff;padding:20px;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 6px 15px #0000000d}.request-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.request-card{border:none;border-radius:12px;padding:18px;background:#fff;box-shadow:0 6px 15px #0000000d;transition:transform .2s}.request-card:hover{transform:translateY(-5px)}.request-card h5{margin:0 0 6px;font-size:17px;color:#111827}.request-card .client{font-size:14px;color:#374151}.request-card .category{font-size:13px;color:#6b7280}.description{font-size:14px;margin:10px 0;color:#4b5563}.tags{margin:8px 0}.tag{display:inline-block;background:#eef2ff;color:#4338ca;padding:5px 10px;font-size:12px;border-radius:8px;margin-right:6px;font-weight:500}.submitted{font-size:12px;color:#9ca3af;margin-top:5px}.actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.btn{background:#f3f4f6;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.btn:hover{background:#e5e7eb}.btn.estimate{background:#3b82f6;color:#fff}.btn.estimate:hover{background:#2563eb}.btn.success{background:#22c55e;color:#fff}.btn.success:hover{background:#16a34a}.btn.export{background:#8b5cf6;color:#fff}.btn.export:hover{background:#7c3aed}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:25px;border-radius:14px;max-width:600px;width:90%;position:relative;box-shadow:0 8px 25px #00000026;overflow-y:auto;max-height:90vh}.modal-content h3{margin-top:0;color:#111827}.modal-content p{margin:6px 0;color:#374151}.modal .close{position:absolute;top:15px;right:20px;font-size:22px;font-weight:700;cursor:pointer;color:#6b7280}.modal .close:hover{color:#111827}.admin-container{padding:20px;font-family:Segoe UI,sans-serif;background:#f0f4f8}h2{text-align:center;margin-bottom:20px;color:#333}.controls{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;gap:10px}.controls input,.controls select{padding:10px 15px;border-radius:12px;border:1px solid #ccc;font-size:.95rem;outline:none;transition:.2s}.controls input:focus,.controls select:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.ticket-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 20px #00000014;transition:transform .2s,box-shadow .2s}.ticket-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-header h3{font-size:1.1rem;color:#111;font-weight:600}.status-badge{padding:4px 10px;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.open{background:#f59e0b}.status-badge.in-progress{background:#3b82f6}.status-badge.resolved{background:#10b981}.ticket-info p{font-size:.95rem;margin:5px 0;color:#555}.ticket-actions{margin-top:15px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.ticket-actions select{padding:6px 10px;border-radius:8px;border:1px solid #ccc;font-size:.9rem;outline:none;min-width:130px}.status-buttons button{margin-left:5px;padding:6px 12px;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:.2s;font-size:.85rem}.btn-progress{background:#3b82f6;color:#fff}.btn-progress:hover{background:#2563eb}.btn-resolve{background:#10b981;color:#fff}.btn-resolve:hover{background:#047857}.no-tickets{grid-column:1/-1;text-align:center;font-size:1.1rem;color:#666}.header h1{font-size:42px;font-weight:800;background:linear-gradient(90deg,#111827,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.6px}.bento-card{background:#fff6;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border-radius:28px;box-shadow:0 12px 30px #00000014;border:1px solid rgba(255,255,255,.3);padding:28px 24px;transition:all .5s ease;cursor:pointer;color:#111827;animation:fadeIn .5s ease forwards}.bento-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 18px 40px #00000026;background:#ffffff8c}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-left:8px}.attendance-summary{background:#ffffff59;padding:14px 18px;border-radius:18px;margin-top:14px;font-size:14px;line-height:1.6;color:#1f2937;box-shadow:inset 0 0 10px #00000008;border:1px solid rgba(255,255,255,.35);animation:fadeIn .4s ease}.attendance-summary strong{color:#111827}.no-attendance{font-size:13px;color:#6b7280;margin-top:10px;font-style:italic}.progress-bar{background:#e5e7eb99;height:8px;border-radius:8px;overflow:hidden;margin-top:12px}.progress-fill{height:8px;transition:width .6s ease;border-radius:8px}.progress-fill.online{background:linear-gradient(90deg,#34d399,#059669)}.progress-fill.offline{background:linear-gradient(90deg,#d1d5db,#9ca3af)}.request-btn{margin-top:18px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:18px;padding:12px 24px;cursor:pointer;font-weight:600;letter-spacing:.3px;font-size:15px;box-shadow:0 6px 22px #2563eb4d;transition:all .3s ease}.request-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 8px 28px #2563eb66}.toast-container{display:flex;flex-direction:column;gap:14px;max-height:260px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.toast-container::-webkit-scrollbar{width:6px}.toast-container::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.toast-container::-webkit-scrollbar-track{background:transparent}.toast{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-radius:22px;background:#ffffff40;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 14px 32px #00000014;font-size:14px;color:#1f2937;border-left:4px solid transparent;cursor:default;transition:transform .3s ease,box-shadow .3s ease;animation:toastFadeIn .35s ease forwards}.toast:hover{transform:scale(1.02);box-shadow:0 18px 40px #0000001f}.pending-toast{border-left:4px solid #facc15}.active-toast{border-left:4px solid #22c55e}.toast p{margin:0;font-weight:500;color:#111827}.toast span{font-size:12px;color:#4b5563}.video-preview{background:#fff3;border-radius:18px;height:440px;display:flex;justify-content:center;align-items:center;color:#6b7280;font-size:16px;transition:all .3s ease;overflow:hidden;box-shadow:inset 0 0 10px #0000000d}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .3s ease}.modal{background:#fff6;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border-radius:28px;padding:36px 32px;width:460px;max-width:90%;box-shadow:0 22px 50px #00000026;border:1px solid rgba(255,255,255,.35);display:flex;flex-direction:column;gap:22px}.modal h2,.modal h3{font-size:22px;font-weight:700;margin-bottom:10px;color:#111827}.modal label{font-weight:600;font-size:14px;color:#374151}.modal input,.modal select,.modal textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(200,200,200,.3);background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);font-size:14px;color:#111827;margin-top:8px;transition:all .3s ease}.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border:1px solid #2563eb;box-shadow:0 0 18px #2563eb4d;background:#ffffff59}.modal-actions{display:flex;justify-content:flex-end;gap:16px}.modal-actions .primary{background:#2563eb;color:#fff;border:none;border-radius:18px;padding:14px 22px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 22px #2563eb4d}.modal-actions .primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 28px #2563eb66}.modal-actions .secondary{background:#fff3;border:none;border-radius:18px;padding:14px 22px;color:#111827;cursor:pointer;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);transition:all .3s ease}.modal-actions .secondary:hover{background:#ffffff59;transform:translateY(-2px)}.reconnecting-banner{background:#fef3c7;color:#b45309;border-radius:16px;padding:12px 22px;font-weight:600;margin-bottom:24px;text-align:center}.monitoring-dashboard{font-family:SF Pro Display,Segoe UI,sans-serif;background:linear-gradient(145deg,#f3f4f6,#e5e7eb);padding:40px;color:#1e293b;min-height:100vh;animation:fadeIn .5s ease}.header{text-align:center;margin-bottom:50px}.header h1{font-size:44px;font-weight:800;background:linear-gradient(90deg,#111827,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.6px}.header p{color:#6b7280;font-size:16px;margin-top:10px;font-weight:500}.section-title{font-size:28px;font-weight:700;margin-bottom:25px;color:#111827;letter-spacing:.3px}.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:30px}.bento-card{background:#ffffff59;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-radius:28px;box-shadow:0 14px 35px #00000014;border:1px solid rgba(255,255,255,.3);padding:28px 24px;transition:all .5s ease;cursor:pointer;color:#111827;animation:fadeIn .5s ease forwards}.bento-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 20px 50px #00000026;background:#ffffff8c}.bento-card h3{font-size:22px;font-weight:700;margin-bottom:6px;color:#111827}.bento-card p{font-size:15px;color:#374151;margin:4px 0}.status-dot{width:14px;height:14px;border-radius:50%;display:inline-block;margin-left:8px;box-shadow:0 0 4px #0003}.status-dot.green{background-color:#34d399}.status-dot.gray{background-color:#9ca3af}.status-dot.orange{background-color:#fbbf24}.bento-footer button,.request-btn{margin-top:16px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:24px;padding:12px 26px;cursor:pointer;font-weight:600;font-size:15px;letter-spacing:.4px;box-shadow:0 6px 25px #2563eb4d;transition:all .4s ease;position:relative;overflow:hidden}.bento-footer button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff26;transform:rotate(45deg);transition:all .5s ease}.bento-footer button:hover:before{top:0;left:0}.bento-footer button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 35px #2563eb66}.video-preview,.live-view{background:#fff3;border-radius:22px;height:460px;display:flex;justify-content:center;align-items:center;color:#6b7280;font-size:16px;transition:all .4s ease;overflow:hidden;box-shadow:0 12px 28px #00000014,inset 0 0 15px #00000008;position:relative}.video-preview:after,.live-view:after{content:"🎥 Live Panel";position:absolute;top:12px;left:16px;font-size:14px;font-weight:600;color:#fffc;text-shadow:0 2px 6px rgba(0,0,0,.4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.viewer{margin-top:40px}.live-view,.video-preview{background:#ffffff26;border-radius:22px;height:460px;width:100%;display:flex;justify-content:center;align-items:center;color:#6b7280;font-size:16px;transition:all .4s ease;overflow:hidden;box-shadow:0 12px 28px #00000014,inset 0 0 15px #00000008;position:relative}.live-view video{width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:0 8px 20px #0000001f;transition:all .3s ease}.live-view:before{content:"🎥 Live View";position:absolute;top:12px;left:16px;font-size:14px;font-weight:600;color:#fffc;text-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:none}.live-view.loading:before{content:"⏳ Waiting for employee...";color:#facc15}.live-view.disconnected:before{content:"🔴 Stream ended";color:#ef4444}.pending-requests-box{max-height:300px;overflow-y:auto;padding:12px;border:1px solid rgba(0,0,0,.15);border-radius:18px;background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 2px 12px #0000000d}.request-card{background:#ffffff59;border-radius:16px;padding:12px 16px;margin-bottom:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.request-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.no-pending{font-style:italic;color:#6b7280;text-align:center;margin-top:20px}.marketing-dashboard{max-width:1300px;margin:50px auto;background:linear-gradient(145deg,#f8fafc,#e9eff5);font-family:Inter,system-ui,sans-serif;color:#1e293b;padding:40px;border-radius:24px;box-shadow:0 20px 50px #0000000f;position:relative;overflow:hidden}.marketing-dashboard:before{content:"";position:absolute;top:-120px;right:-120px;width:300px;height:300px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);border-radius:50%;z-index:0}.md-header{text-align:center;margin-bottom:40px;position:relative;z-index:1}.md-header h1{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:6px;background:linear-gradient(90deg,#2563eb,#00b4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.md-header p{color:#64748b;font-size:1.05rem}.md-export-btn{position:absolute;top:0;right:0;background:linear-gradient(90deg,#2563eb,#00b4d8);color:#fff;border:none;padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2563eb40}.md-export-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 25px #2563eb66}.md-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-bottom:50px}.md-stat-card{background:#fffc;border-radius:18px;padding:28px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 25px #00000014;transition:transform .4s ease,box-shadow .4s ease;position:relative;overflow:hidden}.md-stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001a}.md-stat-card:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(90deg,#2563eb,#00b4d8);border-radius:10px}.md-stat-card h3{font-size:1rem;color:#64748b;margin-bottom:8px}.md-stat-card p{font-size:2rem;font-weight:700;color:#1e40af}.md-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-bottom:35px;z-index:2}.md-tabs button{background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:12px 22px;cursor:pointer;font-weight:600;color:#334155;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.md-tabs button:hover{background:linear-gradient(90deg,#2563eb,#00b4d8);color:#fff;border-color:transparent;transform:translateY(-2px)}.md-tabs button.active{background:linear-gradient(90deg,#2563eb,#00b4d8);color:#fff}.md-section{background:#ffffffe6;padding:32px;border-radius:18px;box-shadow:0 10px 30px #0000000f;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1}.md-section:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0000001a}.md-section h2{font-size:1.6rem;font-weight:700;color:#0f172a;margin-bottom:14px}.md-action-btn{background:linear-gradient(90deg,#2563eb,#00b4d8);color:#fff;border:none;padding:10px 18px;border-radius:10px;margin-top:10px;cursor:pointer;font-weight:600;transition:.3s ease}.md-action-btn:hover{background:linear-gradient(90deg,#1e40af,#0284c7);transform:translateY(-2px)}.md-social-posts{margin-top:25px;display:grid;gap:16px}.md-post-card{background:#f1f5f9e6;padding:18px 22px;border-radius:14px;border-left:6px solid #2563eb;box-shadow:0 3px 10px #0000000f;transition:all .3s ease}.md-post-card:hover{transform:translate(4px);box-shadow:0 6px 20px #00000014}.md-post-card h4{font-weight:600;color:#1e3a8a}.md-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:20px}.md-progress-bar{width:100%;background:#e2e8f0;height:10px;border-radius:8px;overflow:hidden;margin:8px 0}.md-progress-bar div{height:100%;background:linear-gradient(90deg,#2563eb,#00b4d8);transition:width .4s ease}.md-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50}.md-modal-content{background:#fff;padding:30px;border-radius:16px;width:400px;box-shadow:0 8px 30px #00000040;animation:slideUp .4s ease}.md-modal-content input,.md-modal-content textarea{width:100%;margin:8px 0;padding:10px;border-radius:10px;border:1px solid #cbd5e1;outline:none;font-size:.95rem}.md-modal-actions{display:flex;justify-content:space-between;margin-top:16px}.md-modal-actions button{padding:10px 18px;border:none;border-radius:10px;cursor:pointer;font-weight:600}.md-modal-actions button:first-child{background:linear-gradient(90deg,#2563eb,#00b4d8);color:#fff}.md-modal-actions .cancel{background:#e2e8f0;color:#475569}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.marketing-dashboard,.md-stat-card,.md-section{animation:fadeIn .6s ease forwards}.md-email-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:25px}.md-email-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:18px;padding:22px;box-shadow:0 6px 20px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.md-email-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #2563eb26}.md-email-header{display:flex;justify-content:space-between;align-items:center}.md-tag{padding:5px 10px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.md-tag.drip{background:#2563eb26;color:#2563eb}.md-tag.newsletter{background:#10b98126;color:#059669}.md-tag.nps{background:#eab30826;color:#b45309}.md-email-stats{margin-top:12px;font-size:.9rem;color:#475569;line-height:1.5}.md-status strong{color:#2563eb}.md-section-header{display:flex;justify-content:space-between;align-items:center}select{width:100%;margin:8px 0;padding:10px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-size:.95rem;color:#334155}select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.wa-container{max-width:1500px;margin:40px auto;padding:30px 35px;font-family:Inter,sans-serif;color:#1c1c1c;background:#fff;border-radius:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;box-shadow:0 15px 50px #00000014;transition:all .3s ease}header{grid-column:1/-1;text-align:center;margin-bottom:25px}header h1{font-size:36px;margin-bottom:8px;color:#0056d6;letter-spacing:.5px}header p{font-size:17px;color:#6c6c6c;margin-bottom:15px;font-weight:500}.status-section{grid-column:1/-1;display:flex;justify-content:center;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.status-badge{padding:10px 24px;border-radius:30px;font-weight:600;font-size:14px;box-shadow:0 5px 20px #0000000d}.status-badge.connected{background:#e6f7ff;color:#007bff}.status-badge.disconnected{background:#fff0f0;color:#ff4d4f}.status-section p{font-size:14px;color:#555}section{display:grid;gap:25px}.task-item,.employee-item,.chat-item,.config-card,.templates-section,.templates-form-section,.schedule-task-section,.qr-section{background:#fff;padding:22px;border-radius:25px;box-shadow:0 15px 35px #00000012;transition:all .3s ease;border:1px solid #f0f0f0}.task-item:hover,.employee-item:hover,.chat-item:hover,.config-card:hover,.templates-section:hover,.templates-form-section:hover,.schedule-task-section:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0000001a}.qr-section{text-align:center}.qr-section img.qr-code{width:180px;height:180px;border-radius:20px;margin-top:15px;box-shadow:0 15px 40px #00000014;transition:all .3s ease}.qr-section img.qr-code:hover{transform:scale(1.05)}.chat-header{display:flex;justify-content:space-between;margin-bottom:8px}.chat-name{font-weight:700;color:#007bff}.chat-date{font-size:12px;color:#999}.chat-message{font-size:14px;color:#444;line-height:1.6;word-break:break-word}.task-item strong,.employee-item strong{color:#0056d6}.task-item em,.employee-item small{color:#888}.task-item small{display:block;margin-top:6px}.schedule-task-form,.template-form{display:grid;gap:18px}.schedule-task-form input,.schedule-task-form select,.schedule-task-form textarea,.template-form input,.template-form textarea{width:100%;padding:14px 18px;border-radius:15px;border:1px solid #e0e0e0;background:#fafafa;color:#333;font-size:15px;outline:none;transition:all .2s ease}.schedule-task-form input:focus,.schedule-task-form select:focus,.schedule-task-form textarea:focus,.template-form input:focus,.template-form textarea:focus{box-shadow:0 0 12px #007bff33;border-color:#007bff}.schedule-task-form button,.template-form button{padding:14px 22px;font-weight:600;border:none;border-radius:18px;background:linear-gradient(135deg,#007bff,#00c0ff);color:#fff;cursor:pointer;font-size:15px;transition:all .3s ease}.schedule-task-form button:hover,.template-form button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 15px 30px #00c0ff4d}.templates-section select{width:100%;padding:14px 18px;border-radius:18px;border:1px solid #e0e0e0;background:#fafafa;color:#333;font-size:15px;outline:none;cursor:pointer}.card-expanded{position:fixed;top:50%;left:50%;width:90%;max-width:550px;max-height:85%;transform:translate(-50%,-50%);background:#fff;border-radius:30px;box-shadow:0 50px 100px #00000026;padding:35px;z-index:999;overflow-y:auto;animation:scaleUp .3s ease forwards}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.chat-list,.task-list,.employee-list{max-height:450px;overflow-y:auto;padding-right:5px}.chat-list::-webkit-scrollbar,.task-list::-webkit-scrollbar,.employee-list::-webkit-scrollbar{width:7px}.chat-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.employee-list::-webkit-scrollbar-thumb{background:#007bff66;border-radius:4px}@media (max-width: 1024px){.wa-container{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.wa-container{grid-template-columns:1fr;padding:20px}}.analytics-container{font-family:Segoe UI,Arial,sans-serif;padding:2rem;background:#f5f6fa;min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.download-btn{background-color:#1e88e5;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s}.download-btn:hover{background-color:#1565c0}.analytics-subtitle{color:#555;margin-bottom:1.5rem}.analytics-cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.analytics-card{flex:1 1 220px;min-width:180px;background:#fff;padding:1.5rem;border-radius:20px;text-align:center;color:#222;box-shadow:0 8px 20px #00000014;transition:all .3s ease}.analytics-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 12px 28px #0000001f}.analytics-card h3{font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.analytics-card p{font-size:1.5rem;font-weight:700;margin:.3rem 0}.analytics-card small{color:#777}.analytics-charts{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem;justify-content:center}.analytics-chart{background:#fff;padding:1.5rem;border-radius:20px;flex:1 1 400px;min-width:300px;box-shadow:0 8px 20px #00000014}.analytics-chart h3{text-align:center;margin-bottom:1rem}.high-priority{margin-top:2rem}.priority-card{background:#fff;padding:1rem 1.5rem;border-radius:15px;box-shadow:0 6px 16px #00000014;margin-bottom:1rem}.priority-card h4{margin-bottom:.3rem;color:#1e88e5}.priority-card p{margin:.2rem 0}.priority-card .status{font-weight:600}.status.Approved{color:#43a047}.status.Pending{color:#fdd835}.status.Rejected{color:#e53935}.analytics-loading{text-align:center;padding:5rem;font-size:1.2rem;color:#555}@media (max-width: 768px){.analytics-cards,.analytics-charts{flex-direction:column;align-items:center}}.client-sidebar{width:260px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;justify-content:space-between;transition:width .3s ease;box-shadow:2px 0 8px #0000000d}.client-sidebar.closed{width:80px}.client-sidebar-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid #f3f4f6}.logo-circle{background:#4f46e5;color:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 2px 6px #4f46e540}.client-sidebar-title{font-size:16px;font-weight:600;color:#111827;margin:0}.client-sidebar-subtitle{font-size:12px;color:#6b7280;margin:0}.client-sidebar-menu{list-style:none;padding:20px 0;margin:0}.client-sidebar-menu li{margin:5px 0}.client-sidebar-menu a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;transition:background .25s ease,color .25s ease;border-radius:8px}.client-sidebar-menu a:hover{background:#f9fafb;color:#111827}.client-sidebar-menu li.active a{background:#4f46e5;color:#fff;font-weight:600;box-shadow:0 2px 6px #4f46e540}.icon{font-size:16px}.badge{background:#ef4444;color:#fff;font-size:12px;border-radius:12px;padding:2px 6px;margin-left:auto;font-weight:600}.client-sidebar-footer{border-top:1px solid #f3f4f6;padding:15px 20px;display:flex;flex-direction:column;gap:12px;background:#fafafa}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;background:#e0e7ff;color:#3730a3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.user-name{font-size:14px;font-weight:600;margin:0;color:#111827}.user-role{font-size:12px;color:#6b7280;margin:0}.logout-btn{background:#fff;border:1px solid #e5e7eb;padding:10px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#374151;font-weight:500;transition:background .2s ease,border .2s ease}.logout-btn:hover{background:#f9fafb;border-color:#d1d5db}.client-navbar{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 1px 4px #0000000d;position:sticky;top:0;z-index:10}.navbar-left{display:flex;align-items:center;gap:15px}.menu-btn{font-size:18px;background:none;border:none;cursor:pointer}.navbar-title{margin:0;font-size:18px;font-weight:700}.navbar-right{display:flex;align-items:center;gap:15px}.icon-btn{font-size:18px;background:none;border:none;cursor:pointer;position:relative}.icon-btn:hover{color:#6a5af9}.client-layout{display:flex;height:100vh;width:100%}.main-content{flex:1;display:flex;flex-direction:column;margin-left:0;transition:margin-left .3s ease;width:100%}.main-content.sidebar-open{margin-left:260px}.page-content{flex-grow:1;overflow-y:auto;padding:20px;background:#f9fafb;scrollbar-width:none;-ms-overflow-style:none}.page-content::-webkit-scrollbar{display:none}@media (max-width: 768px){.main-content{margin-left:0!important;width:100%}}.client-sidebar{width:260px;flex-shrink:0;background:#fff;color:#374151;height:100vh;position:fixed;left:0;top:0;transition:transform .3s ease;z-index:1000}.client-sidebar.closed{transform:translate(-100%)}.client-sidebar.open{transform:translate(0)}@media (max-width: 768px){.client-sidebar{height:100%;transform:translate(-100%)}.client-sidebar.open{transform:translate(0)}}.dashboard-container{padding:20px;font-family:Arial,sans-serif;background:#f9fafc}.welcome-card{background:linear-gradient(135deg,#6a5af9,#7b83ff);color:#fff;padding:30px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.welcome-card h1{margin:0;font-size:26px}.welcome-card p{margin:8px 0 20px;font-size:15px}.primary-btn{background:#fff;color:#6a5af9;border:none;padding:10px 18px;font-size:14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px}.primary-btn:hover{background:#f0f0f0}.rocket-icon{font-size:60px;opacity:.2}.stats-grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #0000000d}.stat-card h3{margin:0 0 10px;font-size:14px;color:#666}.stat-value{font-size:24px;font-weight:700;margin:0}.stat-change{font-size:12px;color:gray}.actions-grid{margin-top:25px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.action-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 4px #0000000d}.action-card .icon{font-size:22px;margin-bottom:10px}.action-card h4{margin:0 0 5px}.action-card p{font-size:13px;color:#666}.blue{color:#2979ff}.green{color:#2ecc71}.purple{color:#9b59b6}.orange{color:#e67e22}.bottom-section{margin-top:30px;display:grid;grid-template-columns:1fr 2fr;gap:20px}.services{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000d}.services h3{margin:0}.services p{font-size:13px;color:gray}.services ul{list-style:none;padding:0;margin:15px 0 0}.services li{display:flex;align-items:center;margin-bottom:12px;font-size:14px;justify-content:space-between}.services .icon{margin-right:8px}.activity{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000d}.activity h3{margin:0}.activity p{font-size:13px;color:gray}.activity-card{background:#f9fafc;padding:12px;border-radius:8px;margin-top:12px}.activity-card h4{margin:0 0 5px;font-size:14px}.activity-card p{margin:0;font-size:13px;color:#666}.activity-card .time{font-size:12px;color:gray}.activity-card.urgent{background:#fff3e6;border-left:4px solid #ff9800}.tag{background:#ff9800;color:#fff;font-size:11px;padding:2px 6px;border-radius:6px;margin-left:6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#1a1a1a}.container{min-height:100vh;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}.form-wrapper{background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;max-width:1200px;width:100%;padding:40px;display:flex;flex-direction:column;gap:30px}.header h1{font-size:28px;font-weight:700}.step-indicator{background:#e3f2fd;color:#2196f3;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.step-content{display:flex;flex-direction:column;gap:30px}.card{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000000f;padding:30px;transition:all .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.card h2{margin-bottom:20px;font-size:22px;font-weight:600}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{font-weight:600;font-size:15px;color:#1a1a1a}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{padding:12px 16px;border-radius:10px;border:1px solid #e0e0e0;font-size:15px;background:#fafafa;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2196f3;background:#fff;outline:none}textarea{resize:vertical}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.option-btn{padding:14px 18px;border-radius:12px;border:2px solid #e0e0e0;cursor:pointer;transition:all .2s ease;background:#fff;font-size:14px;font-weight:500;text-align:center}.option-btn:hover{border-color:#2196f3;transform:translateY(-2px)}.option-btn.selected{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.category-card{border-radius:16px;padding:20px;border:2px solid #e0e0e0;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.category-card:hover{border-color:#2196f3;transform:translateY(-3px)}.category-card.selected{border-color:#1a1a1a;background:#f9f9f9}.category-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;border-radius:12px;margin-bottom:8px}.sticky-notes{display:flex;flex-wrap:wrap;gap:16px}.sticky-note{flex:1 1 160px;padding:16px;border-radius:12px;border:2px solid #e0e0e0;background:#fffef6;cursor:pointer;transition:all .2s ease}.sticky-note:hover{border-color:#2196f3}.sticky-note.selected{border-color:#1a1a1a;background:#fff3cd}.sticky-note strong{display:block;margin-bottom:8px}.budget-slider{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.budget-slider::-webkit-slider-thumb{width:22px;height:22px;border-radius:50%;background:#1a1a1a;cursor:pointer;-webkit-appearance:none}.budget-labels{display:flex;justify-content:space-between;font-size:13px;color:#757575;margin-top:8px}.review-box{background:#f9fafb;padding:20px;border-radius:12px;font-size:14px;max-height:400px;overflow:auto;border:1px solid #e0e0e0;white-space:pre-wrap}.form-footer{display:flex;justify-content:space-between;margin-top:20px}.btn-primary,.btn-secondary,.btn-submit{padding:12px 28px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:#1a1a1a;color:#fff}.btn-primary:hover:not(:disabled){background:#333}.btn-secondary{background:#fff;color:#1a1a1a;border:2px solid #e0e0e0}.btn-secondary:hover:not(:disabled){border-color:#2196f3}.btn-submit{background:#1a1a1a;color:#fff;margin-top:20px}.btn-submit:hover{background:#333}@media (max-width: 900px){.category-grid,.option-grid,.sticky-notes{grid-template-columns:1fr!important}.form-footer{flex-direction:column;gap:10px}}.budget-group{margin-bottom:20px}.budget-slider{width:100%;accent-color:#2196F3}.budget-labels{display:flex;justify-content:space-between;font-size:.85rem;color:#555;margin-top:5px}.priority-cards{display:flex;gap:12px;flex-wrap:wrap}.priority-card{flex:1;min-width:120px;padding:12px;border-radius:12px;background-color:#f5f5f5;cursor:pointer;text-align:center;transition:all .2s;border:2px solid transparent}.priority-card.selected{border-color:#2196f3;background-color:#e3f2fd}.priority-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.team-size-input{width:80px;text-align:center;font-weight:700;border-radius:50%;padding:10px;border:2px solid #2196F3}.project-proposals{padding:20px;font-family:Segoe UI,Roboto,sans-serif;background:#f8fafc;min-height:100vh}.project-proposals h2{font-size:24px;margin-bottom:20px;color:#1e293b}.filters{margin-bottom:25px}.filters button{padding:10px 18px;margin-right:12px;border:none;border-radius:25px;background:#e2e8f0;color:#334155;font-weight:500;cursor:pointer;transition:all .2s ease}.filters button:hover{background:#cbd5e1}.filters .active{background:#2563eb;color:#fff}.project-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px}.project-card{background:#fff;border-radius:14px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #00000014}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:18px;color:#0f172a}.status{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600}.status.submitted{background:#e0f2fe;color:#0284c7}.status.under-review{background:#fef3c7;color:#b45309}.status.approved{background:#dcfce7;color:#15803d}.description{color:#475569;margin:12px 0;font-size:14px}.meta{display:flex;gap:16px;font-size:13px;color:#64748b;margin-bottom:15px}.stats{display:flex;gap:12px}.stat{flex:1;padding:8px;border-radius:10px;text-align:center;font-size:13px;font-weight:600}.stat.blue{background:#eff6ff;color:#2563eb}.stat.green{background:#ecfdf5;color:#16a34a}.stat.purple{background:#f5f3ff;color:#7c3aed}.support-container{max-width:900px;margin:auto;padding:20px;font-family:Segoe UI,sans-serif}.header{display:flex;justify-content:space-between;align-items:center}.submit-btn{background:#000;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer}.stats{display:flex;gap:15px;margin:20px 0}.stat-card{flex:1;padding:15px;text-align:center;border-radius:10px;background:#f5f5f5}.ticket-list{display:flex;flex-direction:column;gap:15px}.ticket-card{border:1px solid #ddd;padding:15px;border-radius:10px;background:#fff}.ticket-header{display:flex;align-items:center;gap:10px}.status{padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700}.status.open{background:#ffecec;color:#e74c3c}.status.in\ progress{background:#eaf2ff;color:#2980b9}.status.resolved{background:#eaffea;color:#27ae60}.priority{padding:3px 8px;border-radius:6px;font-size:12px}.priority.high{background:#ffdcdc;color:#c0392b}.priority.medium{background:#fff5d1;color:#d35400}.priority.low{background:#e9f7ef;color:#27ae60}.modal{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:25px;border-radius:12px;width:450px}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background:#fff;padding:25px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 8px 25px #00000026}.modal-content form{display:flex;flex-direction:column;gap:12px}.modal-content input,.modal-content select,.modal-content textarea{padding:10px;border-radius:6px;border:1px solid #ccc}.actions{display:flex;justify-content:flex-end;gap:10px}.actions button{padding:10px 16px;border:none;border-radius:6px;cursor:pointer}.actions button:first-child{background:#000;color:#fff}.actions button:last-child{background:#ccc}