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;justify-content:center;min-height:100vh;padding:16px}.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:32px;width:100%}.login-header{text-align:center}.login-header h1{font-size:24px}.login-header p{color:#777;font-size:14px;margin-bottom:20px}.login-message{background:#fef2f2;border-radius:8px;color:#dc2626;margin-bottom:15px;padding:10px;text-align:center}.input-group{margin-bottom:16px}.input-group label{margin-bottom:6px}.input-group input{border:2px solid #eee;border-radius:10px;font-size:15px}.input-group input:focus{border-color:#764ba2}.login-button{background:linear-gradient(90deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:700;margin-top:10px;padding:14px;width:100%}.footer-text{font-size:13px;margin-top:20px;text-align:center}.link{color:#764ba2;cursor:pointer;font-weight:700}@media (max-width:768px){.login-card{padding:20px}.login-header h1{font-size:20px}.input-group input{font-size:14px;padding:10px}.login-button{padding:12px}}@media (max-width:480px){.login-container{align-items:flex-start;padding-top:30px}}: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:auto;max-width:700px;padding:20px}.lr-header h1{font-size:1.8rem}.lr-header p{color:#64748b}.lr-balance-banner{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:space-around;margin:20px 0;padding:20px}.balance-item{text-align:center}.balance-item label{font-size:12px}.balance-item .count{color:#3b82f6;font-size:22px;font-weight:700}.balance-divider{background:#e2e8f0;height:40px;width:1px}.lr-form-card{background:#fff;border-radius:16px;padding:24px}.lr-date-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.lr-form-group{display:flex;flex-direction:column;gap:6px}input,textarea{border-radius:10px;padding:12px}.duration-preview{background:#f1f5f9;border-left:4px solid #3b82f6;margin:10px 0;padding:10px}.lr-actions{display:flex;gap:10px;justify-content:flex-end}.btn-submit{background:#3b82f6;border-radius:8px;color:#fff;padding:12px 20px}.btn-cancel{border:1px solid #ccc;padding:12px 20px}@media (max-width:768px){.lr-date-row{grid-template-columns:1fr}.lr-balance-banner{flex-direction:column;gap:10px}.balance-divider{display:none}.lr-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.app-shell{display:flex;height:100vh;position:relative;width:100%}.app-sidebar{background-color:#111827;color:#fff;display:flex;flex-direction:column;min-width:260px;transition:transform .3s ease;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;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%}.mobile-header{align-items:center;background:#111827;color:#fff;display:none;padding:10px 16px}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:22px;margin-right:10px}.mobile-title{font-weight:700}.sidebar-overlay{background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}@media (max-width:768px){.app-sidebar{height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:999}.app-sidebar.open{transform:translateX(0)}.mobile-header{display:flex}.content-inner{padding:16px}}.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}.calendar-container{margin:auto;max-width:1100px;padding:16px}.calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.calendar-title{color:#0f172a;font-size:clamp(20px,4vw,32px);font-weight:800}.month-picker{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:6px;padding:4px 6px}.month-picker button{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;height:28px;transition:.2s;width:28px}.month-picker button:hover{background:#f1f5f9}.month-picker input{background:#0000;border:none;color:#0f172a;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:2px 6px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:20px 0}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:10px;padding:12px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:8px;font-size:14px;height:28px;justify-content:center;width:28px}.stat-label{color:#64748b;font-size:11px;margin:0;text-transform:uppercase}.stat-value{color:#0f172a;font-size:18px;font-weight:700;margin:0}.calendar-wrapper{overflow-x:auto}.calendar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:700px;overflow:hidden}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekday{background:#f1f5f9;color:#64748b;font-size:12px;font-weight:700;padding:10px;text-align:center}.day-cell{border-left:4px solid #0000;border-radius:8px;font-size:12px;min-height:90px;padding:8px;position:relative;transition:.2s}.day-cell.present{background:#ecfdf5;border-left:4px solid #10b981}.day-cell.absent{background:#fef2f2;border-left:4px solid #ef4444}.day-cell.off{background:#fffbeb;border-left:4px solid #f59e0b}.day-cell.leave-approved{background:#eef2ff;border-left:4px solid #6366f1}.day-cell.leave-pending{background:#f8fafc;border-left:4px dashed #94a3b8}.day-cell.inactive{background:#f8fafc;opacity:.6}.day-top{align-items:center;display:flex;justify-content:space-between}.today{background:#4f46e5;border-radius:8px;color:#fff;font-weight:700;padding:4px 8px}.dot{border-radius:50%;height:8px;width:8px}.dot.present{background:#10b981}.dot.absent{background:#ef4444}.dot.off{background:#f59e0b}.dot.leave-approved{background:#6366f1}.dot.leave-pending{background:#94a3b8}.time{color:#334155;font-size:11px;margin-top:6px}.badge{bottom:6px;font-size:10px;font-weight:700;left:6px;position:absolute;text-transform:capitalize}.badge.present{color:#065f46}.badge.absent{color:#991b1b}.badge.off{color:#92400e}.badge.leave-approved{color:#3730a3}.badge.leave-pending{color:#64748b}@media (max-width:768px){.calendar-title{font-size:20px}.month-picker{padding:6px 10px}.month-picker button{font-size:16px;height:34px;width:34px}.month-picker input{font-size:14px}.day-cell{font-size:11px;min-height:70px}.stat-value{font-size:16px}}.report-container{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:20px}.report-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 25px #00000014;max-width:420px;padding:32px;text-align:center;width:100%}.report-header h2{font-size:22px;font-weight:800;margin-bottom:6px}.report-header p{color:#64748b;font-size:13px;margin-bottom:20px}.report-field{margin-bottom:20px;text-align:left}.report-field label{color:#64748b;display:block;font-size:12px;font-weight:700;margin-bottom:6px}.report-field input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px;width:100%}.report-btn{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:14px;width:100%}.report-btn:disabled{background:#94a3b8;cursor:not-allowed}.report-footer{color:#94a3b8;font-size:11px;margin-top:15px}@media (max-width:768px){.report-card{padding:20px}.report-header h2{font-size:18px}.report-btn{padding:12px}}@media (max-width:480px){.report-container{align-items:flex-start;padding-top:20px}}.home-container{margin:0 auto;max-width:1200px;width:100%}.home-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:60vh;justify-content:center;text-align:center}.home-empty h2{font-size:24px;margin-bottom:10px}.home-empty p{font-size:16px}@media (max-width:768px){.home-container{padding:0 10px}.home-empty h2{font-size:20px}.home-empty p{font-size:14px}}.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:auto;max-width:1100px;padding:20px}.view-lr-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.view-lr-header h1{color:#1e293b;font-size:1.6rem;margin:0}.view-lr-header p{color:#64748b;font-size:.9rem;margin:0}.request-leave-btn{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:fit-content;padding:8px 14px;white-space:nowrap}.request-leave-btn:hover{background-color:#2563eb}.filter-group{display:flex;gap:6px;margin:15px 0;overflow-x:auto;padding-bottom:4px}.filter-btn{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-size:13px;padding:6px 12px;white-space:nowrap}.filter-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#3b82f6;font-weight:600}.table-wrapper{overflow-x:auto}.lr-table{background:#fff;border-collapse:collapse;border-radius:12px;min-width:800px;overflow:hidden;width:100%}.lr-table td,.lr-table th{border-bottom:1px solid #e2e8f0;font-size:13px;padding:12px;text-align:left}.lr-table th{background:#f8fafc;color:#64748b;font-weight:700}.emp-name-cell{font-weight:600;gap:8px}.emp-name-cell,.table-avatar{align-items:center;display:flex}.table-avatar{background:#e0e7ff;border-radius:50%;color:#4338ca;font-size:12px;height:28px;justify-content:center;width:28px}.status-badge{border-radius:6px;font-weight:600;padding:4px 8px;text-transform:capitalize}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.cancelled{background:#e2e8f0;color:#475569}.action-buttons{display:flex;gap:6px}.act-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 8px}.act-btn.approve{background:#10b981;color:#fff}.act-btn.reject{background:#f1f5f9;color:#475569}.act-btn.cancel{background:#ef4444;color:#fff}.act-btn:hover{opacity:.9}.action-done{color:#94a3b8;font-style:italic}.text-center{text-align:center}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{color:#64748b;font-size:12px}.empty-state{color:#94a3b8;padding:20px;text-align:center}@media (max-width:768px){.view-lr-header h1{font-size:18px}.view-lr-header p{font-size:13px}.request-leave-btn{font-size:14px;padding:12px;width:100%}.lr-table td,.lr-table th{font-size:12px;padding:8px}.reason-cell{max-width:120px}}: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:16px}.cp-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000000d;max-width:420px;padding:32px;width:100%}.cp-header{margin-bottom:24px;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 12px;width:48px}.cp-header h2{font-size:20px;font-weight:800;margin:0}.cp-header p{color:#64748b;color:var(--text-muted);font-size:13px;margin-top:6px}.cp-form{gap:16px}.cp-form,.cp-input-group{display:flex;flex-direction:column}.cp-input-group{gap:6px}.cp-input-group input{border:1px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px}.cp-divider{background:#f1f5f9;height:1px}.cp-message{border-radius:8px;font-size:13px;margin-bottom:16px;padding:10px;text-align:center}.cp-message.error{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-text)}.cp-message.success{background:#f0fdf4;background:var(--success-bg);color:#166534;color:var(--success-text)}.cp-actions{display:flex;gap:10px;margin-top:10px}.btn-save{background:#2563eb;background:var(--primary);border:none;border-radius:10px;color:#fff;flex:2 1;font-weight:700;padding:12px}.btn-cancel{background:#0000;border:1px solid #e2e8f0;border-radius:10px;flex:1 1;padding:12px}@media (max-width:768px){.cp-card{padding:20px}.cp-header h2{font-size:18px}.cp-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}@media (max-width:480px){.cp-container{align-items:flex-start;padding-top:20px}}.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.7370f77a.css.map*/