:root{--bg-dark: #0f111a;--bg-card: #1a1d2e;--primary-grad: linear-gradient(135deg, #6e8efb, #a777e3);--accent-blue: #6e8efb;--accent-purple: #a777e3;--text-main: #ffffff;--text-dim: #a0a0a0;--border-color: #2d3045;--pastel-blue: #a5d8ff;--pastel-green: #b2f2bb;--pastel-red: #ffc9c9;--pastel-purple: #decaff;--sidebar-width: 260px;--header-height: 70px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Pretendard,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden}body.login-page{height:100vh;display:flex;justify-content:center;align-items:center;background:var(--primary-grad);overflow:hidden}.btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;transition:var(--transition);font-weight:600;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-3px);opacity:.9}.btn-new{background-color:var(--pastel-blue);color:#1e3a8a}.btn-save{background-color:var(--pastel-green);color:#14532d}.btn-delete{background-color:var(--pastel-red);color:#7f1d1d}.btn-search{background:var(--primary-grad);color:#fff}header{height:var(--header-height);background:var(--bg-card);display:flex;align-items:center;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000;border-bottom:1px solid var(--border-color)}.logo{font-size:24px;font-weight:800;background:var(--primary-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-right:20px}.hamburger{font-size:22px;cursor:pointer;color:var(--text-dim)}.spacer{flex:1}.user-info{position:relative;cursor:pointer;display:flex;align-items:center;gap:10px}.user-dropdown{position:absolute;top:120%;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;width:150px;display:none;overflow:hidden;box-shadow:0 10px 20px #00000080}.user-dropdown.show{display:block;animation:slideDown .3s ease}.user-dropdown a{display:block;padding:12px 15px;color:var(--text-main);text-decoration:none;font-size:14px}.user-dropdown a:hover{background:#ffffff0d;color:var(--accent-blue)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}aside{width:var(--sidebar-width);height:100vh;background:var(--bg-card);position:fixed;top:var(--header-height);left:0;transition:var(--transition);border-right:1px solid var(--border-color);padding-top:20px;z-index:999}aside.closed{left:calc(-1 * var(--sidebar-width))}aside ul{list-style:none}aside ul li{padding:15px 25px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:15px;color:var(--text-dim)}aside ul li:hover,aside ul li.active{background:#6e8efb1a;color:var(--accent-blue);border-right:3px solid var(--accent-blue)}main{margin-top:var(--header-height);margin-left:var(--sidebar-width);padding:30px;transition:var(--transition);min-height:calc(100vh - var(--header-height))}main.expanded{margin-left:0}.content-section{display:none}.content-section.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.search-area{flex:1;display:flex;justify-content:center;gap:10px}.search-area input{width:60%;background:#0b0e14;border:1px solid var(--border-color);padding:10px 15px;border-radius:8px;color:#fff;outline:none}.table-container{background:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;text-align:left}th{background:#ffffff05;padding:15px;color:var(--text-dim);font-size:14px;border-bottom:1px solid var(--border-color)}td{padding:15px;border-bottom:1px solid var(--border-color);cursor:pointer}tr:hover td{background:#ffffff08}.detail-card{background:var(--bg-card);padding:30px;border-radius:15px;max-width:1000px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.full-width{grid-column:span 2}label{font-size:14px;color:var(--text-dim)}input,textarea,select{background:#0b0e14;border:1px solid var(--border-color);padding:12px;border-radius:8px;color:#fff;outline:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#fff;color:#333;padding:30px;border-radius:15px;width:400px;text-align:center;box-shadow:0 20px 40px #0006}.modal-content h2{margin-bottom:15px;color:var(--bg-dark)}.modal-btns{display:flex;justify-content:center;gap:10px;margin-top:25px}@media (max-width: 768px){aside{left:-100%;width:200px}aside.open-mobile{left:0}main{margin-left:0!important;padding:15px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:span 1}.search-area input{width:100%}}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-card);padding:25px;border-radius:16px;border:1px solid var(--border-color);transition:var(--transition)}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)}.stat-card .icon{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:15px}.stat-card .label{color:var(--text-dim);font-size:14px}.stat-card .value{font-size:24px;font-weight:700;margin-top:5px}.stat-card .trend{font-size:12px;margin-top:10px}.trend.up{color:#4ade80}.trend.down{color:#f87171}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:30px}.chart-card{background:var(--bg-card);padding:25px;border-radius:16px;border:1px solid var(--border-color);min-height:300px}.bar-chart{display:flex;align-items:flex-end;gap:15px;height:150px;margin-top:30px}.bar{flex:1;background:var(--primary-grad);border-radius:4px 4px 0 0;transition:.5s;position:relative}.bar:hover:after{content:attr(data-value);position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:12px;color:var(--accent-blue)}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr}}.complex-table td{padding:10px 8px;vertical-align:middle}.cell-stack{display:flex;flex-direction:column;gap:4px;min-width:120px}.complex-table input,.complex-table textarea,.complex-table select{width:100%;font-size:12px;padding:6px 8px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;color:#fff}.complex-table textarea{resize:none;height:35px}.btn-action{background-color:var(--pastel-purple);color:#4c1d95;white-space:nowrap}.table-container{overflow-x:auto}.complex-table{min-width:1200px}select{background-color:#0b0e14;color:var(--text-main);border:1px solid var(--border-color);padding:10px;border-radius:8px;outline:none;cursor:pointer}select option{background-color:var(--bg-card);color:var(--text-main);padding:10px}select option:hover,select option:checked{background-color:var(--accent-blue);color:#fff}.memo-container{display:flex;flex-direction:column;gap:20px;max-height:700px;overflow-y:auto;padding-right:10px}.memo-container::-webkit-scrollbar{width:6px}.memo-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.memo-container::-webkit-scrollbar-thumb{background:var(--primary-grad);border-radius:10px}.memo-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:var(--transition)}.memo-card:hover{border-color:var(--accent-purple);box-shadow:0 5px 15px #0000004d}.memo-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:15px;margin-bottom:15px}.memo-info-left,.memo-info-right{display:flex;gap:15px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{font-size:11px;color:var(--accent-blue);text-transform:uppercase;font-weight:700}.info-item .value{font-size:14px;color:var(--text-main)}.memo-content{background:#0003;border-radius:8px;padding:15px;min-height:100px;line-height:1.6;color:var(--text-dim);font-size:14px}.memo-content-textarea{background:#0003;width:100%}@media (max-width: 600px){.memo-header{flex-direction:column;gap:15px}.memo-info-left{flex-wrap:wrap}.memo-info-right{width:100%;justify-content:space-between;align-items:flex-end}}.more-data-area{width:100%;text-align:center;margin-top:10px;margin-bottom:10px}.custom-detail-card{margin-top:20px;width:100%;overflow-x:auto}.custom-no-data{text-align:center}.custom-memo{width:80%;background-color:var(--primary-grad)}#chatSection.active{display:flex;justify-content:center;align-items:center}.chat-wrapper{width:100%;max-width:420px;height:75vh;background:var(--bg-card);border:1px solid var(--border-color);border-radius:30px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 20px 50px #00000080}.chat-header{padding:20px;background:#ffffff08;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px}.chat-user-img{width:40px;height:40px;border-radius:50%;background:var(--primary-grad);display:flex;align-items:center;justify-content:center;font-weight:700}.chat-user-info .name{display:block;font-weight:600;font-size:15px}.chat-user-info .status{font-size:11px;color:#4ade80}.chat-body{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;background:#0b0e14}.chat-body::-webkit-scrollbar{width:4px}.chat-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.message{max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;position:relative}.message .time{font-size:10px;color:var(--text-dim);margin-top:5px;display:block}.message.other{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-bottom-left-radius:2px}.message.me{align-self:flex-end;background:var(--primary-grad);color:#fff;border-bottom-right-radius:2px}.message.me .time{color:#ffffffb3;text-align:right}.chat-footer{padding:15px 20px;background:var(--bg-card);display:flex;gap:10px;align-items:center}.chat-input{flex:1;background:#0b0e14;border:1px solid var(--border-color);padding:12px;border-radius:20px;color:#fff;outline:none;font-size:14px}.btn-send{width:40px;height:40px;border-radius:50%;background:var(--pastel-blue);color:#1e3a8a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-send:hover{transform:translateY(-3px) rotate(15deg)}@media (max-width: 768px){.chat-wrapper{max-width:100%;height:calc(100vh - var(--header-height) - 60px);border-radius:0;border:none}}.msg-btn-area{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.btn-msg{padding:6px 12px;font-size:12px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:5px}.btn-msg-accept{background-color:var(--pastel-green);color:#14532d}.btn-msg-refuse{background-color:var(--pastel-red);color:#7f1d1d}.btn-msg-detail{background-color:var(--pastel-purple);color:#4c1d95}.btn-msg:hover{transform:translateY(-2px);filter:brightness(.95)}.message.me .btn-msg{background:#ffffffe6;color:var(--accent-blue)}