@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;transition:width var(--transition-speed);box-shadow:2px 0 5px #0000000d;z-index:10}.sidebar-logo{padding:30px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo h2{color:var(--sidebar-active-text);font-size:1.5rem;letter-spacing:1px;margin:0}.sidebar-nav{flex:1;padding:20px 0}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:5px}.sidebar-nav a{display:block;padding:15px 25px;color:var(--sidebar-text);font-weight:500;transition:all var(--transition-speed);border-left:3px solid transparent}.sidebar-nav a:hover,.sidebar-nav a.active{background-color:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:var(--accent-color)}.header{height:80px;background-color:var(--header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:var(--shadow-sm);z-index:5}.header-title h1{font-size:1.4rem;font-weight:700;color:var(--text-main);margin:0}.header-user{display:flex;align-items:center;gap:20px}.user-name{font-weight:500;color:var(--text-muted)}.logout-btn{background-color:#4318ff1a;color:var(--accent-color);padding:8px 16px;border-radius:8px;font-weight:600;transition:all var(--transition-speed)}.logout-btn:hover{background-color:var(--accent-color);color:#fff}.layout-container{display:flex;height:100vh;width:100vw;overflow:hidden}.layout-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--bg-color)}.main-content{flex:1;padding:30px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{display:flex;flex-direction:column;gap:30px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{background-color:var(--card-bg);padding:24px;border-radius:16px;box-shadow:var(--shadow-sm);transition:transform var(--transition-speed),box-shadow var(--transition-speed);border:1px solid var(--border-color)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.card h3{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.card .amount{font-size:1.8rem;font-weight:700;color:var(--text-main)}.recent-activity{background-color:var(--card-bg);padding:24px;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.recent-activity h2{font-size:1.2rem;color:var(--text-main);margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.activity-list p{color:var(--text-muted);font-size:.95rem}.payroll-container{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-in-out}.payroll-container h2{font-size:1.5rem;color:var(--text-main);margin-bottom:.5rem}.payroll-top,.payroll-bottom{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.search-group{display:flex;align-items:center;gap:1rem}.search-group label{font-weight:500;font-size:.95rem}.search-group select{padding:.5rem;border:1px solid #cbd5e1;border-radius:6px;outline:none;min-width:120px}.action-group{display:flex;gap:.5rem}.table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px}.main-table-wrapper{max-height:40vh;overflow-y:auto}.detail-table-wrapper{max-height:50vh;overflow-y:auto}.payroll-table{width:100%;border-collapse:collapse}.payroll-table th{background-color:#f8fafc;color:#475569;font-weight:600;font-size:.85rem;padding:12px 16px;border-bottom:1px solid var(--border-color);white-space:nowrap;position:sticky;top:0;z-index:10}.payroll-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:.9rem}.payroll-table tbody tr{transition:background-color .2s;cursor:pointer}.payroll-table tbody tr:hover{background-color:#f1f5f9}.payroll-table tbody tr.selected-row{background-color:#eff6ff;border-left:3px solid #3b82f6}.summary-footer{display:flex;justify-content:flex-end;gap:2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.footer-item{display:flex;align-items:center;gap:1rem}.footer-item label{font-weight:600;font-size:.95rem}.footer-item input{padding:.5rem;border:1px solid #cbd5e1;border-radius:6px;background-color:#f1f5f9;text-align:right;font-weight:700;width:160px;outline:none}.details-header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;background-color:#f8fafc;padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.details-form-row{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;flex:1}.f-item{display:flex;align-items:center;gap:.5rem}.f-item label{font-size:.9rem;color:#475569}.f-item input{padding:.4rem .6rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem;outline:none}.f-item input[readonly]{background-color:#f1f5f9;color:#334155;border-color:#e2e8f0}.f-btns{display:flex;gap:.5rem;margin-left:auto}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.employees-container{display:flex;flex-direction:column;gap:2rem}.employees-container h2{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.employees-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.employees-content{grid-template-columns:400px 1fr;align-items:start;gap:1.5rem}}.form-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;min-width:0}.form-section h3{font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f1f5f9}.employee-form{display:flex;flex-direction:column;gap:1.25rem}.form-group.row{display:flex;flex-wrap:wrap;gap:1rem}.input-col{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.input-col label{font-size:.85rem;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-col input,.input-col select,.input-col textarea{width:100%;min-width:0;padding:.6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s}.input-col input:focus,.input-col select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#334155;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn{padding:.6rem 1.2rem;border-radius:6px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover{background:#cbd5e1}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.list-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;min-width:0}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.search-box{display:flex;gap:.5rem}.search-box input{padding:.6rem 1rem;border:1px solid #cbd5e1;border-radius:6px;min-width:250px}.table-responsive{overflow-x:auto}.employees-table{width:100%;border-collapse:collapse;text-align:left}.employees-table th,.employees-table td{padding:1rem .75rem;border-bottom:1px solid #e2e8f0}.employees-table th{background:#f8fafc;font-weight:600;color:#475569;white-space:nowrap}.employees-table tbody tr{transition:background-color .2s;cursor:pointer}.employees-table tbody tr:hover{background-color:#f1f5f9}.employees-table tbody tr.selected-row{background-color:#eff6ff;border-left:3px solid #3b82f6}.status-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge-btn{padding:.35rem .6rem;border-radius:9999px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.status-badge-btn:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.status-badge.active,.status-badge-btn.active{background:#dcfce7;color:#166534}.status-badge.inactive,.status-badge-btn.inactive{background:#fee2e2;color:#991b1b}.products-container{display:flex;flex-direction:column;gap:2rem}.products-container h2{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.products-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.products-content{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem}}.options-grid{display:flex;flex-wrap:wrap;gap:.8rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.options-grid label{font-size:.85rem;color:#334155;display:flex;align-items:center;gap:.3rem}.mt-3{margin-top:1rem}.product-form textarea{width:100%;padding:.6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;outline:none;resize:vertical}.products-table{width:100%;border-collapse:collapse;text-align:left}.products-table th,.products-table td{padding:1rem .75rem;border-bottom:1px solid #e2e8f0}.products-table th{background:#f8fafc;font-weight:600;color:#475569;white-space:nowrap}.products-table tbody tr{transition:background-color .2s;cursor:pointer}.products-table tbody tr:hover{background-color:#f1f5f9}.products-table tbody tr.selected-row{background-color:#eff6ff;border-left:3px solid #3b82f6}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeInOverlay .2s ease-in-out}.modal-content{background-color:var(--card-bg);border-radius:16px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .3s ease-out}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-main)}.modal-close-btn{background:none;border:none;font-size:1.8rem;line-height:1;color:var(--text-muted);cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:#ef4444}.modal-body{padding:24px;overflow-y:auto}.modal-body .form-group{margin-bottom:16px}.modal-body label{display:block;font-size:.9rem;font-weight:500;color:var(--text-main);margin-bottom:8px}.modal-body input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:border-color var(--transition-speed)}.modal-body input:focus{border-color:var(--accent-color);outline:none}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.orders-container{display:flex;flex-direction:column;gap:2rem}.orders-container h2{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.orders-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.orders-content{grid-template-columns:450px 1fr;align-items:start}}.order-form textarea{width:100%;padding:.6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;outline:none;resize:vertical}.orders-table{width:100%;border-collapse:collapse;text-align:left}.orders-table th,.orders-table td{padding:1rem .75rem;border-bottom:1px solid #e2e8f0}.orders-table th{background:#f8fafc;font-weight:600;color:#475569;white-space:nowrap}.orders-table tbody tr{transition:background-color .2s;cursor:pointer}.orders-table tbody tr:hover{background-color:#f1f5f9}.orders-table tbody tr.selected-row{background-color:#eff6ff;border-left:3px solid #3b82f6}.status-badge.stat-요청{background:#fef3c7;color:#92400e}.status-badge.stat-확인{background:#dcfce7;color:#166534}.status-badge.stat-반려{background:#fee2e2;color:#991b1b}.companies-container{display:flex;flex-direction:column;gap:2rem}.companies-container h2{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.companies-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.companies-content{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem}}.company-form textarea{width:100%;padding:.6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;outline:none;resize:vertical}.companies-table{width:100%;border-collapse:collapse;text-align:left}.companies-table th,.companies-table td{padding:1rem .75rem;border-bottom:1px solid #e2e8f0}.companies-table th{background:#f8fafc;font-weight:600;color:#475569;white-space:nowrap}.companies-table tbody tr{transition:background-color .2s;cursor:pointer}.companies-table tbody tr:hover{background-color:#f1f5f9}.companies-table tbody tr.selected-row{background-color:#eff6ff;border-left:3px solid #3b82f6}.settings-container{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-in-out}.settings-header h2{font-size:1.5rem;color:var(--text-main);margin-bottom:5px}.settings-header .subtitle{color:var(--text-muted);font-size:.9rem}.settings-content{display:flex;gap:30px;align-items:flex-start}.settings-sidebar{width:250px;background-color:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:20px 0}.settings-tabs{list-style:none}.settings-tabs li{padding:12px 24px;cursor:pointer;color:var(--text-muted);font-weight:500;transition:all var(--transition-speed);border-left:3px solid transparent}.settings-tabs li:hover{background-color:#f1f5f9;color:var(--text-main)}.settings-tabs li.active{background-color:#e0e7ff;color:var(--accent-color);border-left-color:var(--accent-color);font-weight:600}.settings-panel{flex:1;background-color:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:30px}.settings-section h3{font-size:1.2rem;color:var(--text-main);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.settings-section .form-group{margin-bottom:20px;max-width:500px}.settings-section label{display:block;font-size:.9rem;font-weight:500;color:var(--text-main);margin-bottom:8px}.settings-section input[type=text],.settings-section input[type=email],.settings-section input[type=password]{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--border-color);font-size:.95rem;transition:border-color var(--transition-speed)}.settings-section input:focus{border-color:var(--accent-color);outline:none}.settings-actions{margin-top:30px}.toggle-group{margin-bottom:15px}.toggle-label{display:flex;justify-content:space-between;align-items:center;max-width:400px;cursor:pointer}.toggle-label span{font-size:.95rem;color:var(--text-main)}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--sidebar-bg);background-image:radial-gradient(circle at center,rgba(67,24,255,.1) 0%,transparent 100%)}.login-card{width:100%;max-width:440px;background-color:var(--card-bg);border-radius:20px;padding:40px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-header h2{font-size:2rem;color:var(--accent-color);margin-bottom:8px;letter-spacing:-.5px}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:8px}.login-form input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid var(--border-color);font-size:1rem;transition:all var(--transition-speed);background-color:#f8fafc}.login-form input:focus{background-color:#fff;border-color:var(--accent-color);box-shadow:0 0 0 3px #4318ff1a;outline:none}.error-message{color:#ef4444;font-size:.85rem;margin-bottom:15px;text-align:center}.login-submit-btn{width:100%;padding:14px;background-color:var(--accent-color);color:#fff;border-radius:10px;font-size:1rem;font-weight:600;margin-top:10px;transition:background-color var(--transition-speed)}.login-submit-btn:hover{background-color:var(--accent-hover)}.login-footer{margin-top:24px;text-align:center;font-size:.9rem;color:var(--text-muted)}.login-footer a{color:var(--accent-color);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}:root{--bg-color: #f4f7fe;--sidebar-bg: #111c44;--sidebar-text: #a0aec0;--sidebar-active-text: #ffffff;--sidebar-active-bg: rgba(255, 255, 255, .1);--header-bg: #ffffff;--text-main: #2b3674;--text-muted: #a3aed1;--card-bg: #ffffff;--accent-color: #4318ff;--accent-hover: #3311db;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-hover: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}