*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;color:#374151;background:#f4f6f9}a{text-decoration:none;color:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;min-width:220px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.sidebar-top{padding-top:10px}.logo-area{display:flex;align-items:center;justify-content:center;padding:24px 16px 16px;margin-bottom:8px}.logo-area img{max-height:72px;max-width:180px;object-fit:contain}.sidebar-nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;padding:12px 24px;cursor:pointer;color:#4b5563;font-size:13.5px;font-weight:500;transition:all .15s;gap:10px;position:relative;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#f9fafb}.nav-item.active{color:#3b82f6;font-weight:600}.nav-item .nav-icon{font-size:18px;width:20px;text-align:center;flex-shrink:0}.nav-item .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item .nav-chevron{font-size:18px;transition:transform .2s;color:#9ca3af;flex-shrink:0}.nav-item .nav-chevron.open{transform:rotate(180deg)}.nav-sub-items{display:none;flex-direction:column}.nav-sub-items.open{display:flex}.nav-sub-item{padding:10px 24px 10px 54px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;position:relative}.nav-sub-item:before{content:"↳";position:absolute;left:36px;color:#d1d5db;font-size:13px}.nav-sub-item:hover{color:#3b82f6;background:#f9fafb}.nav-sub-item.active{color:#3b82f6;font-weight:600}.sidebar-bottom{padding:16px 24px;border-top:1px solid #e5e7eb}.user-info{display:flex;align-items:center;gap:8px;margin-bottom:12px}.user-role-badge{background:#dbeafe;color:#1d4ed8;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px}.user-name{font-size:13px;font-weight:600;color:#374151}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;height:34px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#4b5563;font-size:13px;cursor:pointer;transition:all .15s;font-family:inherit}.logout-btn:hover{background:#f3f4f6}.logout-btn .material-icons-outlined{font-size:16px}.main-content{flex:1;overflow-y:auto;padding:24px 32px}.btn-primary{background:#3b82f6;color:#fff;border:none;height:34px;padding:0 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .2s;font-family:inherit;box-sizing:border-box}.btn-primary:hover{background:#2563eb}.btn-success{background:#10b981;color:#fff;border:none;height:34px;padding:0 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .2s;font-family:inherit;box-sizing:border-box}.btn-success:hover{background:#059669}.btn-outline{background:#fff;color:#4b5563;border:1px solid #d1d5db;height:34px;padding:0 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;font-family:inherit;box-sizing:border-box}.btn-outline:hover{border-color:#9ca3af;color:#111827}.btn-icon-only{background:#fff;color:#4b5563;border:1px solid #d1d5db;height:34px;width:34px;padding:0;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;box-sizing:border-box}.btn-icon-only:hover{border-color:#9ca3af;color:#111827}.btn-icon-only .material-icons-outlined{font-size:18px}.badge-solid-purple{background:#8b5cf6;color:#fff;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500}.badge-solid-green{background:#10b981;color:#fff;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500}.badge-pill-lightgreen{background:#dcfce7;color:#16a34a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-number{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 4px;background-color:#f3f4f6;color:#4b5563;font-size:13px;font-weight:600;border-radius:6px;border:1px solid #e5e7eb}.ios-toggle{position:relative;display:inline-block;width:40px;height:22px}.ios-toggle input{opacity:0;width:0;height:0}.ios-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:22px}.ios-toggle .slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.ios-toggle input:checked+.slider{background-color:#3b82f6}.ios-toggle input:checked+.slider:before{transform:translate(18px)}.form-input{height:34px;padding:0 12px;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:13px;color:#374151;background:#fff;outline:none;transition:border-color .2s;box-sizing:border-box}.filter-select{height:34px;padding:0 28px 0 10px;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:13px;color:#374151;background:#fff;outline:none;transition:border-color .2s;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.form-input:focus,.filter-select:focus{border-color:#3b82f6}.table-wrapper{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow-x:auto;box-shadow:0 1px 2px #00000008}.data-table{width:100%;border-collapse:collapse;min-width:1400px}.data-table th,.data-table td{white-space:nowrap}.data-table th{background:#f9fafb;padding:12px 16px;font-size:12px;font-weight:600;color:#4b5563;text-align:center;border-bottom:1px solid #e5e7eb}.data-table td{padding:14px 16px;font-size:13px;text-align:center;color:#4b5563;border-bottom:1px solid #f3f4f6}.data-table th:first-child,.data-table td:first-child{padding-left:24px}.data-table th:last-child,.data-table td:last-child{padding-right:24px}.data-table .empty-row td{padding:80px 0;text-align:center;color:#9ca3af;font-size:14px}.data-table tr:last-child td{border-bottom:none}.action-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{color:#111827}input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#3b82f6}.page-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.page-title{font-size:18px;font-weight:700;color:#111827;display:flex;align-items:center;gap:8px}.action-group{display:flex;gap:8px}.filter-group{display:flex;align-items:center;gap:8px}.search-box{position:relative;display:flex;align-items:center}.search-box input{width:220px;height:34px;padding:0 32px 0 12px}.search-box .search-icon{position:absolute;right:10px;color:#9ca3af;font-size:18px;pointer-events:none}.notice-page .data-table th:nth-child(2),.notice-page .data-table th:nth-child(3){text-align:left}.notice-page .data-table td:nth-child(2){text-align:left;font-weight:500;color:#111827}.notice-page .data-table td:nth-child(3){text-align:left}.slot-table{min-width:1400px}.closed-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 20px;margin-bottom:16px;text-align:center;color:#ef4444;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background .15s;color:#6b7280}.action-btn:hover{background:#f3f4f6}.action-edit:hover{color:#3b82f6}.action-delete:hover{color:#ef4444}.add-account-page{display:flex;justify-content:center;padding-top:40px}.add-account-card{background:#fff;border-radius:12px;padding:40px 48px;width:560px;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000000d}.add-account-icon{text-align:center;margin-bottom:16px}.add-account-icon .material-icons-outlined{font-size:48px;color:#3b82f6}.add-account-card h2{text-align:center;font-size:20px;font-weight:700;margin-bottom:8px;color:#111827}.add-account-card .subtitle{text-align:center;font-size:13px;color:#6b7280;margin-bottom:32px}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-group{flex:1}.form-group.full{width:100%;flex:none}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.form-group label .required{color:#ef4444}.form-group input,.form-group select{width:100%;height:44px}.form-note{font-size:12px;color:#9ca3af;margin-top:16px;margin-bottom:24px}.btn-block{width:100%;height:48px;padding:0 16px;font-size:15px;font-weight:600;border-radius:4px}.settlement-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;margin-bottom:16px}.settlement-summary{display:flex;align-items:center}.settlement-summary .period-info{flex:1;text-align:center;border-right:1px solid #e5e7eb}.settlement-summary .count-info{flex:1;text-align:center}.settlement-label{font-size:13px;color:#6b7280;margin-bottom:8px}.period-value{font-size:15px;font-weight:600;color:#111827}.count-value{font-size:32px;font-weight:700;color:#3b82f6;line-height:1}.settlement-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-separator{color:#9ca3af;font-size:14px}.settlement-tabs{display:flex;gap:8px;margin-bottom:16px}.tab-btn{padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #e5e7eb;border-radius:4px;background:#fff;color:#4b5563;transition:all .15s;font-family:inherit}.tab-btn:hover{background:#f9fafb}.tab-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.account-cell{display:flex;align-items:center;gap:12px;justify-content:flex-start;padding-left:16px}.account-detail{text-align:left}.account-id{font-weight:600;font-size:13px;color:#111827}.account-name{font-size:12px;color:#6b7280;margin-top:2px}.total-row{background:#f9fafb;font-weight:700}.total-row td{border-bottom:none!important;color:#111827!important}.text-red{color:#ef4444!important}.text-dash{color:#d1d5db}.text-blue{color:#3b82f6!important}.table-input{width:100%;border:1px solid #d1d5db;background:#fff;text-align:center;font-family:inherit;font-size:13px;color:#374151;padding:4px 6px;border-radius:4px;transition:all .2s;box-sizing:border-box}.table-input:hover{border-color:#9ca3af}.table-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background:#fff;width:440px;border-radius:20px;padding:40px;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(20px);transition:transform .2s ease-out}.modal-overlay.open .modal-content{transform:translateY(0)}.modal-title{font-size:18px;font-weight:700;color:#111827;text-align:center;margin-bottom:32px}.modal-form-group{margin-bottom:20px}.modal-form-group label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin-bottom:8px}.modal-form-input{width:100%;height:48px;border:1px solid #e5e7eb;border-radius:8px;padding:0 16px;font-size:14px;color:#111827;transition:border-color .15s;background:#fff;font-family:inherit;box-sizing:border-box}.modal-form-input:focus{outline:none;border-color:#3b82f6}.modal-form-input::placeholder{color:#9ca3af}.shopping-option-box{background:#f8fbff;border:1px solid #e0efff;border-radius:12px;padding:16px 20px;margin-top:12px;margin-bottom:24px}.shopping-option-title{font-size:12px;font-weight:700;color:#3b82f6;margin-bottom:12px;display:block}.shopping-option-box .modal-form-input{height:40px;background:#fff;margin-bottom:12px;border-radius:6px;font-size:13px}.shopping-option-box .modal-form-input:last-child{margin-bottom:0}.modal-actions{display:flex;gap:12px;margin-top:32px}.btn-modal-cancel{flex:1;height:48px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.btn-modal-cancel:hover{background:#f9fafb}.btn-modal-submit{flex:1;height:48px;background:#2563eb;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.btn-modal-submit:hover{background:#1d4ed8}.badge-pill-yellow{background:#fef3c7;color:#d97706;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-pill-blue{background:#dbeafe;color:#1d4ed8;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-pill-gray{background:#f3f4f6;color:#6b7280;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-pill-red{background:#fee2e2;color:#dc2626;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-solid-red{background:#ef4444;color:#fff;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:8px;padding:80px 0;color:#9ca3af;font-size:14px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:#ef4444;gap:12px}.error-page .material-icons-outlined{font-size:48px}.error-page p{font-size:14px;color:#6b7280}.admin-badge-area{text-align:center;padding:0 16px 16px}.admin-mode-badge{display:inline-block;background:linear-gradient(135deg,#374151,#111827);color:#fff;font-size:11px;font-weight:700;padding:6px 16px;border-radius:20px;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon .material-icons-outlined{font-size:24px;color:#fff}.stat-card-total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card-new .stat-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.stat-card-agency .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card-member .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-value{font-size:28px;font-weight:700;color:#111827;line-height:1}.stat-label{font-size:13px;color:#6b7280;margin-top:4px}.status-overview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:24px}.status-overview h3{font-size:15px;font-weight:600;color:#111827;margin-bottom:20px}.status-bar-container{display:flex;flex-direction:column;gap:14px}.status-item-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.status-item-label{font-size:13px;font-weight:500;color:#4b5563;flex:1}.status-item-count{font-size:14px;font-weight:700}.status-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.status-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.quick-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.quick-actions h3{font-size:15px;font-weight:600;color:#111827;margin-bottom:16px}.quick-action-grid{display:flex;gap:12px}.quick-action-btn{flex:1;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;font-family:inherit}.tree-container{display:flex;flex-direction:column;gap:16px}.tree-agency{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.tree-agency-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.tree-agency-info{display:flex;align-items:center;gap:10px}.tree-agency-info strong{font-size:14px;color:#111827}.tree-username{font-size:12px;color:#6b7280}.tree-company{font-size:12px;color:#9ca3af}.tree-agency-meta{display:flex;align-items:center;gap:12px}.tree-slot-count{font-size:12px;color:#3b82f6;font-weight:600}.tree-status{font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px}.tree-status.active{background:#dcfce7;color:#16a34a}.tree-status.inactive{background:#fee2e2;color:#dc2626}.tree-children{padding:8px 24px}.tree-member{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f3f4f6}.tree-member:last-child{border-bottom:none}.tree-arrow{color:#d1d5db;font-size:13px}.tree-member-name{font-size:13px;font-weight:500;color:#374151}.tree-empty{font-size:13px;color:#9ca3af;padding:12px 0}.btn-sm-success{background:#10b981;color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s}.btn-sm-success:hover{background:#059669}.btn-sm-danger{background:#fff;color:#ef4444;border:1px solid #fca5a5;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;margin-left:4px}.btn-sm-danger:hover{background:#fef2f2}.rank-cell{display:flex!important;align-items:center;justify-content:center;gap:2px}.rank-value{font-weight:700;color:#ef4444;min-width:32px;text-align:right;margin-right:4px}.rank-action-btn{background:none;border:none;cursor:pointer;padding:2px;color:#6b7280;border-radius:4px;display:inline-flex;transition:all .15s}.rank-action-btn:hover:not(:disabled){background:#f3f4f6;color:#3b82f6}.rank-action-btn:disabled{opacity:.5;cursor:not-allowed}.rank-action-btn .material-icons-outlined{font-size:16px}.rank-action-btn .spinning{animation:rank-spin 1s linear infinite;color:#3b82f6}@keyframes rank-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rank-history-modal{min-width:300px}.rank-history-header{text-align:center;margin-bottom:24px}.rank-history-label{font-size:12px;font-weight:700;color:#3b82f6;letter-spacing:.5px;margin-bottom:4px}.rank-history-title{font-size:18px;font-weight:800;color:#111827}.rank-history-table{width:100%;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.rank-history-table th{background:#f9fafb;padding:10px 16px;text-align:center;font-size:12px;color:#4b5563;border-bottom:1px solid #e5e7eb}.rank-history-table td{padding:12px 16px;text-align:center;font-size:13px;color:#374151;border-bottom:1px solid #e5e7eb}.rank-history-table tr:last-child td{border-bottom:none}.rank-history-value{font-weight:700;color:#3b82f6}