body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{background-color:#f3f4f6;font-family:sans-serif;height:100%;margin:0!important;overflow:hidden;padding:0!important;width:100%}*{box-sizing:border-box}.request-container{align-items:center;background-color:#f8fafc;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.request-card{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;max-width:480px;padding:32px;width:100%}.request-card h2{color:#0f172a;margin:0 0 8px;text-align:center}.request-card p{color:#64748b;font-size:15px;margin-bottom:30px;text-align:center}.section-label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.dept-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.dept-btn{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:14px 8px;transition:all .2s ease}.dept-btn:hover{border-color:#cbd5e1}.dept-btn.active{background:#f5f3ff;border-color:#4f46e5;color:#4f46e5}.text-area{border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;margin-bottom:24px;min-height:120px;outline:none;padding:14px;transition:border-color .2s;width:100%}.text-area:focus{border-color:#4f46e5}.file-upload-zone{align-items:center;background:#fdfdfd;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;margin-bottom:24px;padding:24px;transition:all .2s}.file-upload-zone:hover{background:#f8fafc;border-color:#cbd5e1}.file-upload-zone span{color:#64748b;font-size:14px}.selected-file-name{color:#4f46e5;font-size:13px;font-weight:700;margin-top:10px}.submit-btn{background-color:#4f46e5;border-radius:12px;font-size:16px;padding:16px;transition:transform .1s,background .2s}.submit-btn:hover{background-color:#4338ca}.submit-btn:active{transform:scale(.98)}:root{--bg-main:#f8fafc;--accent:#4f46e5;--white:#fff;--success-bg:#dcfce7;--warning-bg:#fef3c7;--warning-text:#92400e;--danger-bg:#ffdce0;--danger-text:#af1921}.dashboard-wrapper{background-color:#f8fafc;background-color:var(--bg-main);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding-top:60px}.main-content{max-width:1000px;padding:0 20px;width:100%}.page-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:32px}.page-header h1{color:#0f172a;color:var(--text-main);font-size:32px;font-weight:800;letter-spacing:-.025em;margin:0}.search-input{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0000000d;font-size:14px;outline:none;padding:12px 18px;transition:all .2s;width:320px}.search-input:focus{border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 4px #4f46e51a}.table-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 15px -3px #0000000d;overflow:hidden}table{border-collapse:collapse;width:100%}th{background-color:#fcfcfd;color:#64748b;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.05em;padding:18px 24px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}td{color:#0f172a;color:var(--text-main);font-size:14px;padding:22px 24px}tr:last-child td{border-bottom:none}tr:hover{background-color:#fafbfc}.user-group{gap:14px}.avatar-sq,.user-group{align-items:center;display:flex}.avatar-sq{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;color:#fff;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.status-label{border-radius:10px;font-size:12px;font-weight:700;padding:6px 14px}.status-label.Open{background:#dcfce7;background:var(--success-bg);color:#166534;color:var(--success-text)}.status-label.Pending{background:#fef3c7;background:var(--warning-bg);color:#92400e;color:var(--warning-text)}.status-label.Resolved{background:#ffdce0;background:var(--danger-bg);color:#af1921;color:var(--danger-text)}.view-btn{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text-main);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.view-btn:hover{background:#f5f3ff;border-color:#4f46e5;border-color:var(--accent);color:#4f46e5;color:var(--accent)}.header-actions{align-items:center;display:flex;gap:12px}.create-request-btn{background-color:#4f46e5;background-color:var(--accent);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #4f46e533;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.create-request-btn:hover{background-color:#4338ca;box-shadow:0 10px 15px -3px #4f46e54d;transform:translateY(-1px)}.create-request-btn:active{transform:translateY(0)}.search-input{margin:0}.sc-container{background:#f1f5f9;background:var(--bg-main);color:#1e293b;color:var(--text-dark);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;justify-content:center}.sc-main{box-shadow:0 0 20px #0000000d;flex-direction:column;max-width:1000px;width:100%}.sc-header,.sc-main{background:#fff;background:var(--bg-white);display:flex}.sc-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);justify-content:space-between;padding:20px 32px}.sc-brand-group{gap:12px}.sc-brand-group,.sc-logo{align-items:center;display:flex}.sc-logo{background:#4f46e5;background:var(--primary);border-radius:8px;color:#fff;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.sc-messages{background-color:#fafafa;flex:1 1;gap:20px;overflow-y:auto;padding:40px}.msg-block,.sc-messages{display:flex;flex-direction:column}.msg-block{max-width:75%}.msg-block.sent{align-items:flex-end;align-self:flex-end}.msg-block.received{align-self:flex-start}.msg-block.system{align-self:center;background:#e2e8f0;background:var(--border);border-radius:20px;color:#64748b;color:var(--text-muted);font-size:12px;padding:6px 16px}.msg-bubble{border-radius:16px;box-shadow:0 2px 4px #00000008;font-size:15px;line-height:1.6;padding:14px 20px}.sent .msg-bubble{background:#4f46e5;background:var(--primary);border-bottom-right-radius:2px;color:#fff}.received .msg-bubble{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border);border-bottom-left-radius:2px}.img-bubble{border:2px solid #0000;border-radius:12px;overflow:hidden}.sent .img-bubble{border-color:#4f46e5;border-color:var(--primary)}.chat-img{border-radius:8px;display:block;max-height:500px;max-width:350px}.sc-input-area{background:#fff;background:var(--bg-white);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;gap:15px;padding:24px 32px}.sc-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;flex:1 1;font-size:15px;outline:none;padding:14px 18px;transition:border .2s}.sc-input:focus{border-color:#4f46e5;border-color:var(--primary)}.btn-attach{align-items:center;background:#f1f5f9;background:var(--bg-main);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:22px;height:48px;justify-content:center;width:48px}.btn-send{background:#4f46e5;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:0 28px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:400px;padding:40px;text-align:center;width:100%}.login-header h1{color:#333;font-size:28px;margin:0}.login-header p{color:#777;margin-bottom:30px;margin-top:8px}.input-group{text-align:left}.input-group label{color:#555}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{border:2px solid #eee;border-radius:10px;font-size:16px;outline:none;padding:12px 15px;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#764ba2;box-shadow:0 0 0 4px #764ba21a}.login-button{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:14px;transition:transform .2s,opacity .2s;width:100%}.login-button:hover{opacity:.9}.login-button:active{transform:scale(.98)}.footer-text{color:#666;font-size:14px;margin-top:25px}.footer-text a{color:#764ba2;font-weight:700;text-decoration:none}:root{--primary:#3b82f6;--primary-hover:#2563eb;--bg-page:#f8fafc;--error:#ef4444;--border-color:#e2e8f0}.cu-container{align-items:center;background-color:#f8fafc;background-color:var(--bg-page);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px}.cu-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #0000000a;max-width:400px;padding:40px;width:100%}.cu-header{margin-bottom:32px;text-align:left}.cu-header h2{color:#1e293b;color:var(--text-dark);font-size:22px;font-weight:800;margin:0}.cu-header p{color:#64748b;color:var(--text-muted);font-size:14px;margin-top:6px}.cu-vertical-form{display:flex;flex-direction:column;gap:20px}.input-group label{color:#475569;font-size:13px}.cu-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 14px;transition:all .2s;width:100%}.cu-input:focus{border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.cu-input.error{border-color:#ef4444;border-color:var(--error)}.error-msg{color:#ef4444;color:var(--error);font-size:12px;font-weight:600;margin-top:4px}.cu-select{background-color:#fff;cursor:pointer}.cu-footer{display:flex;justify-content:flex-start;margin-top:10px}.submit-btn{background:#3b82f6;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:background .2s;width:100%}.submit-btn:hover:not(:disabled){background:#2563eb;background:var(--primary-hover)}.submit-btn:disabled{background:#cbd5e1;cursor:not-allowed}.lr-container{margin:0 auto;max-width:700px;padding:40px 20px}.lr-header h1{color:#0f172a;font-size:2rem;font-weight:800;margin:0}.lr-header p{color:#64748b;margin-top:6px}.lr-balance-banner{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;justify-content:space-around;margin:30px 0;padding:24px}.balance-item{text-align:center}.balance-item label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.balance-item .count{color:#3b82f6;font-size:1.75rem;font-weight:800;margin-top:4px}.balance-item .count.secondary{color:#f59e0b}.balance-divider{background:#e2e8f0;height:40px;width:1px}.lr-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:32px}.lr-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.lr-date-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.duration-preview{background:#f1f5f9;border-left:4px solid #3b82f6;border-radius:8px;color:#475569;font-size:.9rem;margin-bottom:24px;padding:12px 16px}label{color:#1e293b;font-size:.9rem;font-weight:600}input,textarea{border:1px solid #cbd5e1;border-radius:10px;font-size:1rem;padding:12px 16px;transition:all .2s}input:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.lr-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.btn-submit{background:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:14px 28px;transition:all .2s}.btn-submit:hover{background:#2563eb;transform:translateY(-1px)}.btn-cancel{padding:14px 28px}.app-shell{display:flex;height:100vh;left:0;position:absolute;top:0;width:100vw}.app-sidebar{background-color:#111827;color:#fff;display:flex;flex-direction:column;min-width:260px;width:260px}.sidebar-brand{border-bottom:1px solid #1f2937;font-weight:700;gap:12px;height:64px;padding:0 24px}.brand-icon,.sidebar-brand{align-items:center;display:flex}.brand-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;height:32px;justify-content:center;width:32px}.brand-accent{color:#3b82f6}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:16px}.nav-item{border-radius:8px;color:#9ca3af;padding:12px 16px;text-decoration:none;text-underline-offset:none;transition:.2s}.nav-item:hover{background-color:#1f2937;color:#fff}.nav-item.nav-active{background-color:#3b82f6;color:#fff}.app-main{background-color:#f9fafb;display:flex;flex:1 1;flex-direction:column;min-width:0}.content-overflow-wrapper{flex:1 1;overflow-y:auto;width:100%}.content-inner{padding:24px;width:100%}.main-header{background-color:#fff;border-bottom:1px solid #e5e7eb;box-sizing:border-box;height:64px;justify-content:space-between;padding:0 24px;width:100%}.header-right,.main-header{align-items:center;display:flex}.header-right{gap:20px}.user-greet{color:#6b7280;font-size:.9rem}.btn-logout{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:6px;color:#dc2626;cursor:pointer;font-weight:600;padding:8px 16px;transition:.2s}.btn-logout:hover{background-color:#dc2626;color:#fff}.btn-change-password{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#2563eb;cursor:pointer;font-weight:600;padding:8px 16px;transition:.2s}.btn-change-password:hover{background-color:#2563eb;border-color:#2563eb;color:#fff}.um-container{display:flex;flex-direction:column;gap:24px}.um-header{align-items:center;display:flex;justify-content:space-between}.um-title{color:#111827;font-size:1.5rem;margin:0}.um-subtitle{color:#6b7280;margin-top:4px}.um-btn-primary{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:.2s}.um-btn-primary:hover{background-color:#2563eb}.um-controls{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.um-search-input{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 16px;width:320px}.um-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.um-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.um-table{border-collapse:collapse;text-align:left;width:100%}.um-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.85rem;padding:16px;text-transform:uppercase}.um-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:16px}.um-badge-role{background:#eff6ff;border-radius:6px;color:#1e40af;font-size:.8rem;font-weight:500;padding:4px 8px}.um-status{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:6px}.um-status.active{color:#059669}.um-status.inactive{color:#9ca3af}.um-btn-edit{background:none;border:none;color:#3b82f6;cursor:pointer;font-weight:600}.setup-container{align-items:center;background-color:#f4f7f9;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh}.setup-form{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;width:100%}.setup-form h2{color:#333;font-size:24px;margin-top:0}.setup-form p{color:#666;font-size:14px;margin-bottom:24px}.input-group{margin-bottom:20px}.input-group label{color:#444;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.input-group input:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff1a;outline:none}.setup-btn{background-color:#007aff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background-color .2s;width:100%}.setup-btn:hover{background-color:#0056b3}.profile-container{margin:0 auto;max-width:900px;padding:20px}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.profile-info-brief{align-items:center;display:flex;gap:20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;width:64px}.save-profile-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:.2s}.save-profile-btn:hover{background:#2563eb;transform:translateY(-1px)}.tabs-nav{border-bottom:2px solid #e5e7eb;display:flex;gap:32px;margin-bottom:24px}.tab-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 4px;position:relative}.tab-link.active{color:#3b82f6}.tab-link.active:after{background:#3b82f6;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;padding:32px}.form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.full-width{grid-column:1/span 2}.input-group{gap:8px}.input-group label{color:#374151;font-size:.85rem}.input-group input,.styled-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;outline:none;padding:12px;transition:all .2s}.input-group input:focus,.styled-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.days-selector{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.day-pill{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-weight:600;padding:10px 18px}.day-pill.selected{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.animated-fade{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.view-lr-container{margin:0 auto;max-width:1100px;padding:40px 20px}.view-lr-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.view-lr-header h1{color:#1e293b;font-size:1.8rem;margin:0}.view-lr-header p{color:#64748b;margin:0}.request-leave-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.request-leave-btn:hover{background-color:#2563eb}.filter-group{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px;width:fit-content}.filter-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:8px 16px;transition:.2s}.filter-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#3b82f6}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.lr-table{border-collapse:collapse;font-size:.95rem;text-align:left;width:100%}.lr-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:700;padding:16px}.lr-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:16px}.emp-name-cell{font-weight:600;gap:12px}.emp-name-cell,.table-avatar{align-items:center;display:flex}.table-avatar{background:#e0e7ff;border-radius:50%;color:#4338ca;font-size:.8rem;height:32px;justify-content:center;width:32px}.status-badge{border-radius:6px;font-size:.8rem}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.rejected{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.act-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px}.act-btn.approve{background:#3b82f6;color:#fff}.act-btn.reject{background:#f1f5f9;color:#475569}.act-btn.cancel{background:red;color:#fff}.act-btn.approve:hover{background:#2563eb}.act-btn.reject:hover{background:#e2e8f0}.action-done{color:#cbd5e1;font-size:.85rem;font-style:italic}.text-center{text-align:center}.reason-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--primary:#2563eb;--bg-subtle:#f8fafc;--text-main:#0f172a;--error-bg:#fef2f2;--error-text:#dc2626;--success-bg:#f0fdf4;--success-text:#166534}.cp-container{align-items:center;display:flex;justify-content:center;min-height:90vh;padding:20px}.cp-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px -5px #0000000d;max-width:420px;padding:40px;width:100%}.cp-header{margin-bottom:32px;text-align:center}.cp-icon{align-items:center;background:#eff6ff;border-radius:12px;color:#2563eb;color:var(--primary);display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.cp-header h2{color:#0f172a;color:var(--text-main);font-size:22px;font-weight:800;margin:0}.cp-header p{color:#64748b;color:var(--text-muted);font-size:14px;line-height:1.5;margin-top:8px}.cp-form{gap:20px}.cp-form,.cp-input-group{display:flex;flex-direction:column}.cp-input-group{gap:6px}.cp-input-group label{color:#475569;font-size:13px;font-weight:700}.cp-input-group input{border:1px solid #e2e8f0;border-radius:10px;font-size:15px;outline:none;padding:12px 14px;transition:.2s}.cp-input-group input:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.cp-divider{background:#f1f5f9;height:1px;margin:4px 0}.cp-message{border-radius:10px;font-size:13px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}.cp-message.error{background:#fef2f2;background:var(--error-bg);border:1px solid #fee2e2;color:#dc2626;color:var(--error-text)}.cp-message.success{background:#f0fdf4;background:var(--success-bg);border:1px solid #dcfce7;color:#166534;color:var(--success-text)}.cp-actions{display:flex;gap:12px;margin-top:10px}.btn-save{background:#2563eb;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-weight:700;padding:12px;transition:.2s}.btn-save:hover:not(:disabled){background:#1d4ed8}.btn-save:disabled{background:#94a3b8;cursor:not-allowed}.btn-cancel{background:#0000;border:1px solid #e2e8f0;border-radius:10px;flex:1 1;padding:12px}.btn-cancel:hover{background:#f8fafc;color:var(--text-dark)}.sm-container{background:#f1f5f9;font-family:Inter,sans-serif;min-height:100vh;padding:40px}.sm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.sm-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:300px 1fr}.sm-type-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:12px;margin-bottom:12px;padding:16px}.sm-type-card,.type-icon{align-items:center;display:flex}.type-icon{background:#3b82f6;border-radius:10px;color:#fff;font-weight:700;height:40px;justify-content:center;width:40px}.type-info h4{color:#1e293b;font-size:14px;margin:0}.type-info p{color:#64748b;font-size:12px;margin:0}.sm-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.sm-table{border-collapse:collapse;width:100%}.sm-table th{background:#f8fafc;color:#64748b;font-size:12px;letter-spacing:.05em;padding:16px;text-align:left;text-transform:uppercase}.sm-table td{border-top:1px solid #f1f5f9;padding:16px}.category-tag{background:#f1f5f9;border-radius:6px;color:#475569;font-size:12px;font-weight:600;padding:4px 10px}.status-pill{align-items:center;display:flex;font-weight:700;gap:6px}.status-pill.online{color:#16a34a}.status-pill.offline{color:#94a3b8}.sm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed}.sm-modal{background:#fff;border-radius:20px;padding:32px;width:400px}.sm-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary{background:#3b82f6;border-radius:8px;padding:10px 20px}.btn-secondary{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;padding:10px 20px}:root{--primary-hover:#4338ca;--success:#10b981}.im-container{background:#f1f5f9;background:var(--bg-main);height:100vh}.im-container,.im-main{display:flex;flex:1 1;overflow:hidden}.im-main{background:#fff;background:var(--bg-white);flex-direction:column;height:100%}.im-header{padding:16px 32px}.im-forms-wrapper,.im-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);flex-shrink:0}.im-forms-wrapper{grid-gap:32px;background:#f8fafc;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:24px 32px}.form-card{display:flex;flex-direction:column}.form-card h4{color:#4f46e5;color:var(--primary);font-size:11px;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.im-row{align-items:flex-end;display:flex;gap:12px;width:100%}.im-input,.im-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;font-size:13px;height:42px;outline:none;padding:0 12px;width:100%}.im-input:focus,.im-select:focus{border-color:#4f46e5;border-color:var(--primary)}.btn-action{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:42px;justify-content:center;padding:0 24px;transition:all .2s}.btn-action:hover{opacity:.9;transform:translateY(-1px)}.btn-success{background:#10b981;background:var(--success)}.im-list-section{flex:1 1;overflow-y:auto;padding:0 32px}.im-table{border-collapse:collapse;width:100%}.im-table th{background:#fff;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#64748b;color:var(--text-muted);font-size:12px;padding:16px 12px;position:sticky;text-align:left;top:0;z-index:10}.im-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:14px;padding:14px 12px}.badge-dim{background:#f1f5f9;border-radius:4px;color:#475569;font-size:11px;font-weight:700;padding:4px 8px}.btn-delete{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-delete:hover{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.im-table td:last-child,.im-table th:last-child{padding-right:12px;text-align:right}.mr-container{background:#f1f5f9;background:var(--bg-main);height:100vh}.mr-container,.mr-main{display:flex;flex:1 1;overflow:hidden}.mr-main{background:#fff;background:var(--bg-white);flex-direction:column;height:100%}.mr-header{padding:16px 32px}.mr-header,.mr-setup-bar{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);flex-shrink:0}.mr-setup-bar{background:#f8fafc;gap:20px;padding:24px 32px}.mr-row,.mr-setup-bar{align-items:flex-end;display:flex}.mr-row{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;gap:12px;padding:20px;width:100%}.mr-content{grid-gap:32px;display:grid;flex:1 1;gap:32px;grid-template-columns:1.5fr 1fr;overflow-y:auto;padding:32px}.mr-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 4px #00000005;height:fit-content;padding:24px}.mr-item-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px 0}.mr-item-row:last-child{border-bottom:none}.qty-pill{background:#e0e7ff;border-radius:6px;color:#4f46e5;color:var(--primary);font-size:12px;font-weight:700;padding:4px 12px}.btn-primary{background:#4f46e5;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;height:42px;padding:0 24px;transition:opacity .2s}.btn-primary:hover{opacity:.9}.mr-input,.mr-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;font-size:13px;height:42px;padding:0 12px;width:100%}.label-sm{color:#64748b;color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}:root{--working:#3b82f6;--finished:#10b981;--dispatched:#6366f1}.pt-container{background:#f1f5f9;background:var(--bg-main);display:flex;flex:1 1;height:100vh;overflow:hidden}.pt-main{background:#fff;background:var(--bg-white);display:flex;flex:1 1;flex-direction:column;height:100%}.pt-header{flex-shrink:0;padding:16px 32px}.pt-create-bar,.pt-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.pt-create-bar{background:#f8fafc;padding:24px 32px}.pt-row{align-items:flex-end;display:flex;gap:12px;max-width:600px}.input-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.input-group label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.pt-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;font-size:13px;height:42px;padding:0 12px;width:100%}.btn-create{background:#4f46e5;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;height:42px;padding:0 24px;white-space:nowrap}.pt-content{flex:1 1;overflow-y:auto;padding:0 32px}.pt-table{border-collapse:collapse;margin-top:20px;width:100%}.pt-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#64748b;color:var(--text-muted);font-size:12px;padding:16px 12px;text-align:left}.pt-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:14px;padding:16px 12px}.status-badge{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px}.status-pending{background:#fee2e2;color:#ef4444}.status-working{background:#dbeafe;color:#3b82f6;color:var(--working)}.status-finished{background:#dcfce7;color:#10b981;color:var(--finished)}.status-dispatched{background:#ede9fe;color:#6366f1;color:var(--dispatched)}.pt-btn-group{display:flex;gap:8px;justify-content:flex-end}.btn-status{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.btn-status:disabled{cursor:not-allowed;opacity:.3}:root{--danger:#ef4444}.dh-container{background:#f1f5f9;background:var(--bg-main);display:flex;flex:1 1;height:100vh;overflow:hidden}.dh-main{background:#fff;background:var(--bg-white);display:flex;flex:1 1;flex-direction:column;height:100%}.dh-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);flex-shrink:0;padding:16px 32px}.dh-content{grid-gap:32px;display:grid;flex:1 1;gap:32px;grid-template-columns:1fr 1fr;overflow-y:auto;padding:32px}.dh-card{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;height:fit-content;min-height:400px;padding:24px}.dh-card h4{color:#4f46e5;color:var(--primary);font-size:14px;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.dh-input-group{display:flex;gap:8px;margin-bottom:20px}.dh-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;flex:1 1;font-size:13px;height:40px;outline:none;padding:0 12px}.dh-input:focus{border-color:#4f46e5;border-color:var(--primary)}.btn-add{font-size:13px;padding:0 16px}.dh-list{display:flex;flex-direction:column;gap:8px}.dh-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1e293b;color:var(--text-dark);display:flex;font-size:13px;justify-content:space-between;padding:10px 12px}.btn-remove{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;padding:4px}.btn-remove:hover{color:#ef4444;color:var(--danger)}.pm-container{background:#f1f5f9;background:var(--bg-main);display:flex;flex:1 1;height:100vh;overflow:hidden}.pm-main{background:#fff;background:var(--bg-white);display:flex;flex:1 1;flex-direction:column;height:100%}.pm-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 32px}.btn-create-project{background:#4f46e5;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.modal-overlay{align-items:center;background:#0f172a80;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:450px;padding:32px;width:100%}.modal-header{margin-bottom:24px}.modal-header h3{color:#1e293b;color:var(--text-dark);margin:0}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{background:#f1f5f9;border:none;border-radius:6px;color:#64748b;color:var(--text-muted);cursor:pointer;font-weight:600;padding:10px 16px}.pm-content{flex:1 1;overflow-y:auto;padding:32px}.pm-table{border-collapse:collapse;width:100%}.pm-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#64748b;color:var(--text-muted);font-size:12px;padding:12px;text-align:left;text-transform:uppercase}.pm-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);font-size:14px;padding:16px 12px}.status-pill{background:#dcfce7;border-radius:4px;color:#166534;font-size:12px;font-weight:600;padding:4px 8px}:root{--border:#e5e7eb;--bg-sidebar:#f9fafb;--text-main:#111827;--text-muted:#6b7280}.sv-container{background:#fff;display:flex;font-family:Inter,sans-serif;height:100vh}.sv-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.sv-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:12px 24px}.sv-header h2{color:#111827;color:var(--text-main);font-size:15px;font-weight:700;margin:0}.sv-selection-bar{align-items:flex-end;background:#fdfdfd;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:12px 24px}.sv-group{display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:280px}.sv-label{color:#6b7280;color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.sv-btn-primary{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;height:38px;padding:0 16px}.sv-workspace{display:flex;flex:1 1;overflow:hidden}.sv-col-sidebar{background:#f9fafb;background:var(--bg-sidebar);border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:flex;flex-direction:column;width:280px}.sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:20px}.add-design-box{display:flex;gap:6px;margin-top:10px}.add-design-box input{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;flex:1 1;font-size:13px;outline:none;padding:8px}.add-design-box button{background:#4f46e5;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;width:34px}.sidebar-list{flex:1 1;overflow-y:auto;padding:12px}.design-nav-item{align-items:center;border-radius:8px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:4px;padding:12px 16px;transition:all .2s}.design-nav-item:hover{background:#f3f4f6;color:#111827;color:var(--text-main)}.design-nav-item.active{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);box-shadow:0 1px 3px #0000001a;color:#4f46e5;color:var(--primary)}.nav-del{background:none;border:none;color:#9ca3af;cursor:pointer;opacity:0}.design-nav-item:hover .nav-del{opacity:1}.sv-col-main-chat{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-flex-container{display:flex;flex-direction:column;height:100%}.chat-content-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 32px}.chat-title-info h3{color:#111827;color:var(--text-main);font-size:18px;margin:0}.chat-title-info p{color:#6b7280;color:var(--text-muted);font-size:12px;margin:2px 0 0}.header-dep-selector{width:300px}.chat-window{background:#fafafa;flex:1 1;gap:16px;overflow-y:auto;padding:32px}.chat-msg,.chat-window{display:flex;flex-direction:column}.msg-left{align-items:flex-start}.msg-right{align-items:flex-end}.msg-bubble{border-radius:12px;box-shadow:0 1px 2px #0000000d;font-size:14px;line-height:1.5;max-width:70%;padding:12px 16px}.msg-left .msg-bubble{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-bottom-left-radius:2px;color:#111827;color:var(--text-main)}.msg-right .msg-bubble{background:#4f46e5;background:var(--primary);border-bottom-right-radius:2px;color:#fff}.msg-info{font-size:10px;font-weight:600;margin-bottom:4px;opacity:.8}.chat-footer{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:12px;padding:20px 32px}.chat-footer input{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.chat-footer button{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:0 24px}.no-selection{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;justify-content:center}.info-icon{font-size:32px;margin-bottom:12px}.pdf-download-btn{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#22c55e;display:flex;justify-content:center;padding:8px;text-decoration:none;transition:all .2s}:root{--primary:#4f46e5;--bg-main:#f1f5f9;--bg-white:#fff;--border:#e2e8f0;--text-dark:#1e293b;--text-muted:#64748b}.sdm-container{background:#f1f5f9;background:var(--bg-main);display:flex;flex:1 1;height:100vh;overflow:hidden}.sdm-main{background:#fff;background:var(--bg-white);display:flex;flex:1 1;flex-direction:column;height:100%}.sdm-header{flex-shrink:0;padding:16px 32px}.sdm-header,.sdm-setup-bar{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.sdm-setup-bar{background:#f8fafc;padding:24px 32px}.sdm-form-row{align-items:flex-end;display:flex;gap:12px;max-width:600px}.sdm-field{flex:1 1}.sdm-label{color:#64748b;color:var(--text-muted);display:block;font-size:11px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.sdm-input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;font-size:13px;height:40px;padding:0 12px;width:100%}.sdm-input:focus{border-color:#4f46e5;border-color:var(--primary);outline:none}.btn-add{background:#4f46e5;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;height:40px;padding:0 20px;white-space:nowrap}.sdm-content{flex:1 1;overflow-y:auto;padding:32px}.sdm-search-wrapper{margin-bottom:24px;max-width:400px}.sdm-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sdm-item-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:box-shadow .2s}.sdm-item-card:hover{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 4px 6px -1px #0000000d}.dep-name{color:#1e293b;color:var(--text-dark);font-size:14px;font-weight:600}.btn-delete{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}.btn-delete:hover{color:#ef4444}
/*# sourceMappingURL=main.192eb30d.css.map*/