@font-face{font-family:Noto Sans KR;src:url(https://fonts.googleapis.com/earlyaccess/notosanskr.css)}.modal-filter-dropdown .modal-select{width:100%;padding:6px 50px 6px 15px;border-radius:4px;border:1px solid #ced4da;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center;cursor:pointer;height:38px;font-size:14px}.login-success-container,.login-failure-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa;padding:20px}.login-success-card,.login-failure-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px;width:100%;max-width:400px;text-align:center}h2{margin-bottom:20px;color:#333;font-size:24px}.status-message,.error-message{margin:20px 0;padding:15px;border-radius:4px}.status-message{background-color:#e8f5e9;color:#2e7d32}.error-message{background-color:#ffebee;color:#c62828}.loading-spinner{margin:20px auto;width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #00ff00;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:60px;color:#e53935;margin:20px 0}.button-container{margin-top:25px}.login-button{background-color:#3f51b5;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#303f9f}.login-pending-approval{max-width:800px;margin:0 auto;padding:2rem 2rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:4.5rem}.login-pending-approval h2{color:#333;margin-bottom:.5rem}.login-pending-approval p{color:#666;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group h2{font-size:1rem;margin-left:.5rem;margin-bottom:0rem;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-top:.5rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-group input[readonly]{background-color:#f5f5f5;cursor:not-allowed}.error-message{padding:1rem;background-color:#ffebee;color:#c62828;border-radius:4px;margin-bottom:1.5rem}.success-message{padding:1rem;background-color:#e8f5e9;color:#2e7d32;border-radius:4px;margin-bottom:1.5rem}.loading{display:flex;justify-content:center;padding:2rem;font-size:1.2rem;color:#666}.role-header{display:flex;justify-content:space-between;align-items:center}.remove-button{background-color:#fff;color:red;border:1px solid #000000;border-radius:4px;padding:.25rem .5rem}.remove-button:hover{background-color:#000;color:red;border:1px solid #ff0000;cursor:pointer;transition:background-color .2s}.add-role-button{background-color:#fff;color:#000;border:1px solid #000000;border-radius:4px;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.add-role-button:hover{background-color:#000;color:#0f0;border:1px solid #00ff00;font-weight:500}.submit-button{background-color:#0f0;color:#000;border:1px solid #000000;border-radius:50px;padding:.5rem 2rem;font-size:1rem;cursor:pointer;transition:background-color .2s;position:relative;display:block;margin-left:auto;margin-right:1.5rem;margin-bottom:1rem}.submit-button:hover{background-color:#000;color:#0f0;border:1px solid #00ff00;font-weight:500}.submit-button:disabled{background-color:#a0c4e7;cursor:not-allowed}.form-section{margin-bottom:2rem;border:1px solid #e0e0e0;border-radius:4px;padding:1.5rem;background-color:#f9f9f9}.form-section h3{margin-top:0;margin-bottom:.5rem;margin-left:0rem;color:#333}.form-section p{color:#666;margin-bottom:1.5rem}.branches-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-top:.5rem}.branch-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem}.branch-item label{display:flex;align-items:center;cursor:pointer;font-weight:400}.branch-item input[type=checkbox]{margin-right:.5rem;width:auto}@media (max-width: 768px){.branches-list{grid-template-columns:1fr}}.filter-dropdown select{padding:6px 50px 6px 15px;border-radius:4px;border:1px solid #ced4da;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center;cursor:pointer}.sidebar{width:250px;height:100vh;background-color:#000;color:#fff;position:fixed;left:0;top:0;z-index:100;transition:width .3s ease}.sidebar .logo{padding:15px 0;margin-right:40px;transform:scale(.9);transition:transform .5s ease}.sidebar .logo:hover{transform:scale(.9)}.sidebar .sidebar-header{display:flex;flex-direction:column;align-items:left;padding:20px;border-bottom:1px solid rgba(255,255,255,.5)}.sidebar .sidebar-header .logo{margin-bottom:0}.sidebar .sidebar-header .logo img{max-width:100%;height:auto}.sidebar .sidebar-header .user-notification-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:-4%;margin-bottom:5%}.sidebar .sidebar-header .user-notification-container .account-info .account-name{font-size:16px;color:#fff;font-weight:500;margin-left:8px;transition:color .2s ease}.sidebar .sidebar-header .user-notification-container .account-info:hover .account-name{color:#0f0;cursor:pointer}.sidebar .sidebar-header .user-notification-container .notification{position:relative;cursor:pointer;transition:transform .2s ease}.sidebar .sidebar-header .user-notification-container .notification:hover{transform:scale(1.1)}.sidebar .sidebar-header .user-notification-container .notification i{color:#00f6ff;font-size:18px;margin-right:20px}.sidebar .sidebar-header .user-notification-container .notification .badge{position:absolute;top:-10px;right:0;background-color:#00f6ff;color:#000;border-radius:50%;width:20px;height:20px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.sidebar .sidebar-header .user-notification-container .notification:hover .badge{background-color:#00f6ff}.sidebar .sidebar-header .user-notification-container .notification .badge span{display:inline-block;-webkit-text-stroke:.5px #000}.logout-button{display:flex;align-items:center;gap:10px;padding:0 5px;cursor:pointer;color:gray;transition:color .3s ease}.logout-button:hover{color:#ff0095}.logout-button i{font-size:20px;font-weight:10;rotate:180deg}.logout-button span{font-size:16px;font-weight:500}.sidebar .sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar .sidebar-nav ul li{padding:5px 25px;margin-bottom:10px;display:flex;align-items:center;cursor:pointer;font-size:16px;transition:background-color .2s ease,color .2s ease;font-weight:500}.sidebar .sidebar-nav ul li:hover{background-color:#bdbdbd4d;color:#0f0}.sidebar .sidebar-nav ul li a{display:flex;align-items:center;width:100%;color:inherit;text-decoration:none;padding:0}.sidebar .sidebar-nav ul li a i{margin-right:10px;width:20px;text-align:center;font-weight:10;transition:transform .2s ease}.sidebar .sidebar-nav ul li:hover a i{transform:translate(3px);font-weight:10}.sidebar .sidebar-nav ul li i{margin-right:10px;width:20px;text-align:center;font-weight:10}.sidebar .sidebar-nav ul li:hover i{transform:translate(3px);transition:transform .2s ease;font-weight:10}.sidebar .sidebar-nav ul li.has-submenu{padding:0;flex-direction:column;align-items:flex-start}.sidebar .sidebar-nav ul li.has-submenu .menu-item{display:flex;align-items:center;width:100%;padding:5px 25px;position:relative}.sidebar .sidebar-nav ul li.has-submenu .menu-item2{display:flex;align-items:center;width:100%;padding:5px 25px;position:relative;border-top:1px solid rgba(255,255,255,.5)}.sidebar .sidebar-nav ul li.has-submenu .menu-item .expand-icon,.sidebar .sidebar-nav ul li.has-submenu .menu-item2 .expand-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(90deg);color:#fff;font-size:18px;transition:transform .5s ease,color .5s ease}.sidebar .sidebar-nav ul li.has-submenu .menu-item:hover .expand-icon,.sidebar .sidebar-nav ul li.has-submenu .menu-item2:hover .expand-icon{color:#0f0}.sidebar .sidebar-nav ul li.has-submenu.expanded .menu-item .expand-icon,.sidebar .sidebar-nav ul li.has-submenu.expanded .menu-item2 .expand-icon{transform:translateY(-50%) rotate(90deg)}.sidebar .sidebar-nav ul li.has-submenu.active .menu-item .expand-icon,.sidebar .sidebar-nav ul li.has-submenu.active .menu-item2 .expand-icon{color:#000}.sidebar .submenu{margin-top:0;margin-left:0;background-color:#303030;border-radius:0;overflow:hidden;max-height:0;opacity:0;transition:max-height .8s ease,opacity .8s ease;width:100%;padding:0;position:relative;line-height:1}.sidebar .submenu.active{max-height:500px;opacity:1}.sidebar .submenu li{padding:10px 15px 10px 35px;font-size:14px;opacity:1;transition:background-color .2s ease;margin-top:10px;margin-left:30px;transform:none;font-weight:400}.sidebar .submenu li:hover{color:#0f0;transform:none;font-weight:500}.sidebar .submenu li a{color:#fff;text-decoration:none;display:block;width:100%}.sidebar .submenu li a:hover{color:#0f0}.sidebar .sidebar-nav ul li.active{background-color:#f8f8f8;color:#000;font-weight:700}.sidebar .sidebar-nav ul li.active i{color:#000}.sidebar .sidebar-nav ul li.menu-divider{border-top:1px solid rgba(255,255,255,.5);padding-top:10px}.sidebar .submenu li.active{font-weight:500;background-color:#ffffff1a}.sidebar .sidebar-nav ul li.has-submenu .submenu li{font-size:15px;opacity:1;transition:background-color .2s ease,color .2s ease,font-weight .2s ease;margin-top:10px;margin-left:30px;transform:none;font-weight:400;color:#fff}.sidebar .sidebar-nav ul li.has-submenu .submenu li:hover{background-color:#333;color:#0f0;transform:none;font-weight:500}.sidebar .sidebar-nav ul li.has-submenu .submenu li.active{font-weight:500;background-color:#fff0;color:#0f0}.sidebar .sidebar-nav ul li.has-submenu .submenu li a{color:inherit;text-decoration:none;display:block;width:100%;font-weight:inherit}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:1% 2%;background-color:#fff;border-bottom:1px solid #000000;position:fixed;top:0;right:0;left:250px;z-index:3000;width:calc(100% - 250px)}.header-nav .header-actions{display:flex;align-items:center}.header-nav .header-actions .search-box{position:relative;margin-right:20px;margin-left:20px}.header-nav .header-actions .search-box input{padding:8px 35px 8px 20px;border-radius:40px;border:1px solid #e9ecef;width:650px;height:40px}.header-nav .header-actions .search-box input:focus{outline:none;border-color:#000}.header-nav .header-actions .search-box i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#6c757d}.header-nav .header-actions .notification{position:relative;margin-right:20px;cursor:pointer}.header-nav .header-actions .notification i{font-size:20px}.header-nav .header-actions .notification .badge{position:absolute;top:-5px;right:-5px;background-color:#fd7e14;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center}.header-nav .header-actions .user-profile{width:35px;height:35px;border-radius:50%;overflow:hidden;cursor:pointer}.header-nav .header-actions .user-profile img{width:100%;height:100%;object-fit:cover}.footer{background-color:#f5f5f5;padding:15px 0;text-align:center;position:fixed;bottom:0;width:100%;border-top:1px solid #e0e0e0}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer p{margin:10;font-size:14px;color:#666}.dashboard-container{display:flex;min-height:100vh}.dashboard-container .content-wrapper{flex:1;margin-top:60px;margin-left:250px;padding:2% 3%;background-color:#f8f8f8}.dashboard-container .dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.dashboard-container .dashboard-stats .stat-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.dashboard-container .dashboard-stats .stat-card h3{font-size:14px;color:#6c757d;margin-bottom:10px;font-weight:500}.dashboard-container .dashboard-stats .stat-card .stat-value{font-size:24px;font-weight:700;margin-bottom:5px}.dashboard-container .dashboard-stats .stat-card .stat-change{font-size:12px;display:flex;align-items:center}.dashboard-container .dashboard-stats .stat-card .stat-change:before{content:"";display:inline-block;width:0;height:0;margin-right:5px}.dashboard-container .dashboard-stats .stat-card .stat-change.positive{color:#28a745}.dashboard-container .dashboard-stats .stat-card .stat-change.positive:before{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #28a745}.dashboard-container .dashboard-stats .stat-card .stat-change.negative{color:#dc3545}.dashboard-container .dashboard-stats .stat-card .stat-change.negative:before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #dc3545}.dashboard-container .dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.dashboard-container .dashboard-charts .chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.dashboard-container .dashboard-charts .chart-container h3{font-size:16px;margin-bottom:15px;font-weight:500}.dashboard-container .dashboard-charts .chart-container .chart-placeholder{width:100%;height:250px}.dashboard-container .dashboard-charts .chart-container .chart-placeholder .chart-mock{width:100%;height:100%;background:linear-gradient(135deg,#007bff1a,#007bff4d);border-radius:8px;position:relative;overflow:hidden}.dashboard-container .dashboard-charts .chart-container .chart-placeholder .chart-mock:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(0,123,255,.2),transparent)}.dashboard-container .dashboard-charts .chart-container .chart-placeholder .chart-mock:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#007bff;opacity:.5}.dashboard-container .recent-activities{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.dashboard-container .recent-activities h3{font-size:16px;margin-bottom:15px;font-weight:500}.dashboard-container .recent-activities .activity-list .activity-item{display:flex;padding:10px 0;border-bottom:1px solid #e9ecef}.dashboard-container .recent-activities .activity-list .activity-item:last-child{border-bottom:none}.dashboard-container .recent-activities .activity-list .activity-item .activity-time{flex:0 0 60px;color:#6c757d;font-size:14px}.dashboard-container .recent-activities .activity-list .activity-item .activity-description{flex:1;font-size:14px}@media (max-width: 992px){.dashboard-container .dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-container .dashboard-charts{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-container .content-wrapper{margin-left:0;padding:15px}.header-nav{margin-left:0}}@media (max-width: 576px){.dashboard-container .dashboard-stats{grid-template-columns:1fr}.header-nav .header-actions .search-box input{width:200px}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa;width:100%;position:absolute;top:0;left:0;z-index:1000}.login-container{background-color:#fff;border:1px solid #000000;border-radius:8px;box-shadow:4px 4px #000;padding:40px;width:100%;max-width:400px}.login-container img{width:60%;height:auto;display:block;margin:0 auto 15px}.login-container h1{font-size:18px;letter-spacing:-1.5px;margin-bottom:30px;text-align:center;color:#333;padding-bottom:20px;border-bottom:1px solid #cecece}.error-message{background-color:#ffebee;color:#d32f2f;padding:10px;border-radius:4px;margin-bottom:20px;font-size:14px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border .3s}.form-group input:focus{outline:none;border-color:#0f0;box-shadow:0 0 0 2px #00ff001a}.login-button{width:100%;padding:12px;background-color:#fff;color:#000;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;margin-top:10px;border:1px solid #000000}.login-button:hover{background-color:#0f0}.login-divider{display:flex;align-items:center;margin:20px 0;color:#888}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:#ddd}.login-divider span{padding:0 10px;font-size:14px}.google-icon{margin-right:10px;font-size:20px;font-weight:700;color:#4285f4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans KR;color:#333;line-height:1.5}@font-face{font-family:Noto Sans KR;src:url(https://fonts.googleapis.com/earlyaccess/notosanskr.css)}h2,h5,h6,h1{margin-bottom:.5rem}h3{font-weight:500;margin-bottom:.5rem;margin-left:1.5rem;letter-spacing:-1.5px}h4{margin-bottom:1rem;margin-left:0rem;letter-spacing:-1.5px}.page-title-container{display:flex;align-items:center;margin-bottom:10px;margin-left:10px;font-weight:700}.page-title{font-size:20px;font-weight:700;margin-bottom:20px;margin-left:10px;letter-spacing:-1.5px}.page-title-icon{display:flex;align-items:center}.page-title-icon a{display:flex;align-items:center;justify-content:center;color:#000;font-size:20px;font-weight:300;transition:all .3s ease;margin-left:5px;margin-top:-20px}.page-container{margin-top:20px;margin-left:10px;margin-right:10px}.page-title-icon a:hover{color:#0f0}ul{list-style:none}a{text-decoration:none;color:inherit}.d-none{display:none!important}.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.text-center{text-align:center!important}.w-100{width:100%!important}.h-100{height:100%!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.content-wrapper{opacity:1;transition:opacity .3s ease;margin-bottom:40px}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.page-loader.active{opacity:1;visibility:visible}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#0f0;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-button{display:flex;align-items:center;margin-right:0;margin-top:-20px;color:#000;font-size:24px;font-weight:300;transition:all .3s ease}.back-button:hover{opacity:.7}.common-button-container{display:flex;justify-content:center;margin-top:20px}.common-button{background-color:#0f0;color:#000;border:solid 1px #000000;border-radius:50px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.common-button:hover{background-color:#000;color:#fff;border:solid 1px #00ff00}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-overlay.active{opacity:1;visibility:visible}body.modal-open{overflow:hidden}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:600px;max-height:80vh;padding:0;position:relative;margin:0 20px;display:flex;flex-direction:column}.modal-row-container{display:flex;gap:20px;width:100%}.modal-column{flex:1;min-width:0;margin-bottom:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #000000}.modal-title{font-size:18px;font-weight:700;margin:0 10px;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{padding:25px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#555}.modal-form-group{margin-bottom:20px;max-width:800px}.modal-form-group:last-child{margin-bottom:0}.modal-label{display:block;font-size:14px;font-weight:500;margin:0 10px 8px;color:#333}.modal-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.modal-input:focus{border-color:#000;outline:none}.modal-select-container{position:relative}.modal-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.modal-select:focus{border-color:#000;outline:none}.modal-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:20px;color:#999}.modal-footer{display:flex;justify-content:flex-end;padding:30px 35px 20px;gap:10px;margin-bottom:10px;margin-right:0}.modal-btn{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;border:none;font-weight:700;transition:all .2s ease}.modal-btn-cancel{background-color:#fff;border-radius:20px;border:1px solid #000000;color:#333}.modal-btn-cancel:hover{background-color:#000;color:#0f0;border:1px solid #00ff00}.modal-btn-primary{background-color:#0f0;border-radius:20px;border:1px solid #000000;color:#000}.modal-btn-primary:hover{background-color:#000;color:#0f0;border:1px solid #00ff00}.modal-input-with-button{display:flex;gap:10px}.modal-input-with-button .modal-input{flex:1}.modal-import-with-button{display:flex;gap:10px;align-items:center}.modal-import-with-button .modal-input{flex:1}.modal-btn-secondary{background-color:#000;color:#fff;display:flex;justify-content:flex-end;align-content:flex-end}.modal-btn-secondary:hover{background-color:#333}.date-range-container{display:flex;align-items:center;gap:10px}.toggle-group{display:flex;align-items:center;justify-content:space-between;border-radius:4px;border:1px solid #ced4da;background-color:#fff;padding:7px;margin-bottom:20px}.toggle-label{display:block;font-size:14px;font-weight:500;margin:0 5px;color:#333}.date-input{flex:1;cursor:pointer}.date-separator{color:#666;font-weight:500}.angle-motion{display:flex;justify-content:center;align-items:center;background-color:#000;margin-top:10px;border-radius:4px}.angle-motion img{max-width:500px}.modal-data-image{display:flex;justify-content:center;align-items:center;background-color:#000;margin-top:10px;border-radius:4px;padding:10px}.modal-data-image img{max-width:200px}.modal-data-image-frame{display:flex;justify-content:center;align-items:center;background-color:#000;margin-top:10px;border-radius:4px;padding:30px}.modal-data-image-frame img{max-width:400px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-container{animation:modalFadeIn .3s ease forwards}@media (max-width: 576px){.modal-container{max-width:90%}.modal-footer{flex-direction:column}.modal-btn{width:100%}}.modal-filter-dropdown{width:100%}.modal-filter-dropdown .modal-select{width:100%;padding:6px 50px 6px 15px;border-radius:4px;border:1px solid #ced4da;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center;cursor:pointer;height:38px;font-size:14px}.modal-filter-dropdown .modal-select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.permission-transfer-container{display:flex;gap:15px;margin-top:10px}.permission-box{flex:1;border:1px solid #000;border-radius:4px;overflow:hidden;background-color:#fff;height:300px;display:flex;flex-direction:column}.permission-header{background-color:#000;color:#fff;padding:10px;text-align:center;font-weight:500;font-size:14px}.permission-list{flex:1;overflow-y:auto;padding:10px}.permission-item{position:relative;padding:8px 10px;margin-bottom:5px;border-radius:4px;cursor:pointer;transition:background-color .2s}.permission-item:hover{background-color:#0000000d}.permission-item label{display:block;padding-left:25px;position:relative;cursor:pointer;font-size:14px}.permission-item label:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #ddd;border-radius:50%;background-color:#fff;transition:border-color .2s ease}.permission-item input[type=checkbox]:checked+label:before{border-color:#000;background-color:#0f0}.permission-item input[type=checkbox]:checked+label:after{content:"";font-family:remixicon;font-size:14px;color:#000;position:absolute;left:4px;top:2px}.permission-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.permission-controls{display:flex;flex-direction:column;justify-content:center;gap:10px}.permission-control-btn{width:36px;height:36px;border-radius:50%;background-color:#000;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.permission-control-btn:hover{background-color:#333}.permission-control-btn i{font-size:18px}.readonly-field{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:8px 12px;min-height:40px;display:flex;align-items:center}.readonly-text{color:#333;margin:0;font-size:14px;font-weight:500}.modal-btn-delete{background-color:red;border-radius:20px;border:1px solid #000000;color:#000;padding:8px 16px;font-size:14px;cursor:pointer;font-weight:700;transition:all .2s ease}.modal-btn-delete:hover{background-color:#000;color:#0f0;border:1px solid #00ff00}.detail-item-container{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #ddd;justify-content:flex-start}.detail-item-container:last-child{border-bottom:none}.detail-label{width:120px;font-weight:700;color:#333;font-size:14px;margin-left:10px}.detail-content{flex:1;font-size:14px}.role-branch-manager{border:1px solid #ddd;border-radius:4px;padding:15px;margin-bottom:15px;background-color:#f9f9f9}.role-branch-manager h4{margin-top:0;margin-bottom:10px;font-size:15px;color:#333}.current-roles{margin-bottom:20px}.no-roles{color:#888;font-style:italic}.role-list{list-style:none;padding:0;margin:0}.role-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:5px;background-color:#fff;border:1px solid #ddd;border-radius:4px}.role-name{font-weight:500}.remove-btn{background:none;border:none;color:#ff4d4d;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.remove-btn:hover{background-color:#fee}.add-role-branch .form-row{display:flex;gap:10px;align-items:flex-end}.add-role-branch .form-group{flex:1}.add-role-branch label{display:block;margin-bottom:5px;font-size:13px;color:#555}.add-role-btn{height:40px;margin-bottom:0;min-width:80px}.permission-radio{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.permission-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid #ddd;border-radius:50%;margin-right:8px;cursor:pointer;position:relative;transition:border-color .2s ease}.permission-checkbox:checked{border-color:#000;background-color:#0f0}.permission-checkbox:checked:after{content:"";font-family:remixicon;font-size:14px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.permission-checkbox:hover{border-color:#000}.permission-item.selected{background-color:#00ff001a}.detail-row{display:flex;justify-content:space-between;gap:20px;width:100%}.detail-column{flex:1;min-width:0;margin-bottom:20px}.detail-column .modal-data-image{margin-top:10px;display:flex;justify-content:center;align-items:center;background-color:#000;border-radius:4px;padding:10px}.detail-column .modal-data-image img{max-width:200px}.modal-form-section{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.modal-form-section .section-title{font-size:16px;font-weight:600;margin-bottom:15px;color:#333;padding-bottom:10px;border-bottom:1px solid #dee2e6}.form-row{display:flex;gap:15px;margin-bottom:15px}.form-row:last-child{margin-bottom:0}.form-col{flex:1;min-width:0}.form-col .modal-label{display:block;margin-bottom:5px;font-size:14px;font-weight:500;color:#495057}.form-col .modal-input{width:100%;padding:8px 12px;font-size:14px;border:1px solid #ced4da;border-radius:4px;transition:border-color .15s ease-in-out}.form-col .modal-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.section-title{font-size:16px;font-weight:600;margin-top:20px;margin-bottom:10px;color:#333;padding-bottom:8px;border-bottom:1px solid #dee2e6}.basic-info-section,.layout-config-section,.date-config-section,.qr-settings-section,.logo-settings-section,.size-settings-section,.margin-settings-section{background-color:#f8f9fa;border-left:4px solid #dee2e6}.basic-info-section .section-title,.layout-config-section .section-title,.date-config-section .section-title,.qr-settings-section .section-title,.logo-settings-section .section-title,.size-settings-section .section-title,.margin-settings-section .section-title{color:#333;border-bottom-color:#dee2e6}.reprint-container{margin-top:20px;margin-left:10px;margin-right:10px;display:flex;gap:20px}.reprint-table-section,.reprint-preview-container{flex:1;display:flex;flex-direction:column}.preview-image-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:20px;margin-bottom:5px;display:flex;justify-content:center;align-items:center;flex-direction:column;height:calc(100% - 180px)}.preview-image-title{font-size:18px;font-weight:600;margin-bottom:15px;color:#333}.preview-image{max-width:100%;max-height:100%;object-fit:contain}.video-preview{width:100%;display:flex;justify-content:center;align-items:center}.video-box{width:100%;max-width:400px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:200px}.video-box p{margin:0 0 15px;font-size:16px;color:#6c757d;font-weight:500}.qr-image{max-width:150px;max-height:150px;object-fit:contain;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;padding:10px}.no-image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:20px 0}.no-image-text{font-size:16px;color:#dc3545;font-weight:500;margin:0}.no-selection-container{display:flex;align-items:center;justify-content:center;text-align:center;min-height:200px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:20px 0}.no-selection-text{font-size:16px;color:#6c757d;font-weight:500;margin:0}.print-buttons-container{display:flex;gap:10px;margin-top:20px;justify-content:center}.print-button{flex:1;padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.photo-print-btn{background-color:#28a745;color:#fff}.photo-print-btn:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.qr-print-btn{background-color:#007bff;color:#fff}.qr-print-btn:hover:not(:disabled){background-color:#0056b3;transform:translateY(-1px)}.print-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.print-button:disabled:hover{transform:none}.table-row{transition:background-color .2s ease}.table-row:hover{background-color:#f8f9fa}.table-row.selected{background-color:#e3f2fd!important;border-left:3px solid #2196f3}.table-row.selected:hover{background-color:#e3f2fd!important}.qr-image{max-width:200px;max-height:200px;object-fit:contain;border:1px solid #dee2e6;border-radius:4px;background-color:#fff;padding:10px}.filter-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap}.filter-controls-container{display:flex;flex-direction:row;align-items:center;gap:5px;margin-left:auto;margin-bottom:5px}.date-filter{display:flex;gap:5px;align-items:center}.date-filter input{padding:6px 0;border:1px solid #ced4da;width:120px;border-radius:4px;cursor:pointer;text-align:center;transition:border-color .2s ease}.date-filter input.active{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.date-filter input:focus{outline:none;border-color:#007bff}.filter-select{padding:6px 30px 6px 12px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center}.search-btn{background-color:#000;color:#fff;border:none;border-radius:4px;padding:4px 15px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.search-btn:hover{background-color:#333}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;min-width:60px}.status-pending{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-processing{background-color:#d1ecf1;color:#0c5460;border:1px solid #b8daff}.status-completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-failed{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-cancelled{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.common-button.disabled{background-color:#6c757d!important;cursor:not-allowed;opacity:.6}.common-button.disabled:hover{background-color:#6c757d!important;transform:none!important}.modal-sub-text{font-size:14px;color:#6c757d;margin-top:8px;margin-bottom:0}@media (max-width: 992px){.reprint-container{flex-direction:column}.reprint-table th,.reprint-table td{padding:10px 5px;font-size:13px}}@media (max-width: 768px){.reprint-table-container{overflow-x:auto}.reprint-table{min-width:700px}.filter-container{flex-direction:column;align-items:flex-start;gap:10px}.filter-controls-container{flex-direction:column;width:100%;gap:10px;align-items:flex-start}.date-filter,.filter-select{width:100%}}.common-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;overflow:hidden;margin-bottom:20px}.common-table{width:100%;border-collapse:collapse;table-layout:fixed}.common-table th{background-color:#000;color:#fff;padding:15px;text-align:center;font-weight:500;font-size:14px}.common-table td{padding:15px;text-align:center;border-bottom:1px solid #f0f0f0;font-size:14px}.common-table tr:last-child td{border-bottom:none}.checkbox-container{display:flex;justify-content:center;align-items:center}.checkbox-container input[type=checkbox]{display:none}.checkbox-container .custom-checkbox{width:20px;height:20px;border-radius:50%;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:border-color .2s ease}.checkbox-container input[type=checkbox]:checked+.custom-checkbox{border-color:#000;background-color:#0f0}.checkbox-container input[type=checkbox]:checked+.custom-checkbox:after{content:"";font-family:remixicon;font-size:14px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.common-table .status-icon{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%}.common-table .delete-btn{color:#dc3545;cursor:pointer;font-size:18px;background-color:transparent;border:none}.common-table .preview-btn{color:#000;cursor:pointer;font-size:18px;background-color:transparent;border:none}.common-table .info-btn{color:#00b7ff;font-size:18px;background-color:transparent;border:none;cursor:pointer}.common-table .edit-btn,.common-table .document-btn{color:#000;font-size:18px;background-color:transparent;border:none;cursor:pointer}.common-table .permission-btn{color:#09f;font-size:16px;background-color:transparent;border:none;cursor:pointer}.common-table th .checkbox-container .custom-checkbox{border-color:#fff}.common-table th .checkbox-container input[type=checkbox]:checked+.custom-checkbox:after{color:#000}.active-status{color:#28a745}.inactive-status{color:#6c757d}.usage-period{white-space:nowrap}.filter-dropdown-container{margin-bottom:15px}.filter-dropdown-container-row{display:flex;justify-content:space-between;align-items:center}.filter-dropdown{position:relative;display:flex;margin-bottom:15px;margin-top:15px;justify-content:flex-end}.filter-dropdown select{padding:6px 50px 6px 15px;border-radius:4px;border:1px solid #ced4da;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center;cursor:pointer}.filter-dropdown select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:20px}.pagination a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;font-size:14px;color:#666;text-decoration:none;transition:all .3s ease}.pagination .page-number{background-color:none;border:none}.pagination .page-number.active{background-color:none;color:#000;border-color:none;font-weight:700}.pagination .page-nav{font-size:20px;background-color:none;border:none}.pagination .page-nav:hover,.pagination .page-number:hover:not(.active){background-color:none}.bulk-delete-container{display:flex;margin-bottom:0;opacity:0;visibility:hidden;transition:all .3s ease}.bulk-delete-container.active{opacity:1;visibility:visible}.bulk-delete-btn{background-color:#fff;color:red;border:1px solid #000000;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:5px}.bulk-delete-btn:hover{color:red;background-color:#000}.bulk-delete-btn i{font-size:18px}.calendar-popup{display:none;position:absolute;width:300px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:2000;padding:15px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.calendar-title{font-weight:600;font-size:16px}.calendar-nav-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{color:#333}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:500;font-size:14px;margin-bottom:5px}.calendar-weekdays div{padding:5px}.calendar-weekdays div:first-child{color:#e74c3c}.calendar-weekdays div:last-child{color:#3498db}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:2px}.calendar-day{text-align:center;padding:8px 0;font-size:14px;cursor:pointer;border-radius:4px}.calendar-day:hover{background-color:#f5f5f5}.calendar-day.other-month{color:#ccc;cursor:default}.calendar-day.today{font-weight:900;color:#000}.calendar-day.selected-start,.calendar-day.selected-end{background-color:#0f0;color:#000}.calendar-day.in-range{background-color:#4caf5033}.calendar-footer{display:flex;justify-content:flex-end;margin-top:10px;gap:10px}.calendar-btn{padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer;border:none}.calendar-btn-cancel{background-color:#fff;border:1px solid #000000;border-radius:20px;color:#333}.calendar-btn-apply{background-color:#000;color:#fff;border-radius:20px}.modal-form-section{margin-top:20px;border-top:1px solid #e5e5e5;padding-top:20px}.modal-section-title{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.modal-section-description{font-size:14px;color:#666;margin-bottom:16px}.user-role-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:12px}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.role-header h5{font-size:14px;font-weight:600;color:#495057;margin:0}.remove-button{background-color:#dc3545;color:#fff;border:none;border-radius:4px;padding:4px 12px;font-size:12px;cursor:pointer;transition:background-color .2s}.remove-button:hover{background-color:#c82333}.role-fields{display:flex;flex-direction:column;gap:12px}.add-role-button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:12px}.add-role-button:hover{background-color:#0056b3}.info-text{font-size:13px;color:#6c757d;font-style:italic;margin:8px 0;padding:8px 12px;background-color:#e9ecef;border-radius:4px}.page-design-container{margin:0;display:flex;flex-direction:column;padding:15px 20px;max-width:1530px;box-sizing:border-box}.design-selection-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;border:1px solid #ddd;height:180px;overflow-x:auto;overflow-y:hidden;margin-bottom:20px;width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:15px;padding:20px;position:relative;box-sizing:border-box}.design-selection-container::-webkit-scrollbar{height:8px;width:8px}.design-selection-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.design-selection-container::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.design-selection-container::-webkit-scrollbar-thumb:hover{background:transparent}.design-preview-container{width:100%;max-width:1530px;height:auto;padding-bottom:56.25%;background-color:#000;border:1px solid #000000;margin-bottom:20px;border-radius:8px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.design-preview-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.design-item-container{display:flex;flex-direction:column;align-items:center;width:100%;min-width:50px;max-width:150px;flex-shrink:1;margin-top:10px}.design-tab{width:100%;padding:8px 0;text-align:center;font-size:13px;background-color:#000;color:#fff;border-radius:10px 10px 0 0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.design-tab:hover{background-color:#333}.design-canvas-container{background-color:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:0;position:relative;border:1px solid #e9ecef;overflow:hidden;margin-bottom:15px}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;padding:20px;max-width:1200px;margin:0 auto;border-bottom:1px solid #ddd;background-color:#f8f9fa}.thumbnail-item{width:100%;cursor:pointer}.thumbnail-item img{width:100%;height:100%;object-fit:cover;border-top:1px solid #ddd;border-radius:0 0 10px 10px;background-color:#000}.design-element{position:absolute;cursor:move;min-width:100px;min-height:30px;background-color:#fffc;border:1px solid #ced4da;padding:10px;-webkit-user-select:none;user-select:none}.design-element.selected{border:2px solid #000}.design-element-controls{position:absolute;top:-30px;right:0;display:flex;gap:5px;background-color:#fff;border:1px solid #ced4da;border-radius:4px;padding:2px 5px;box-shadow:0 1px 3px #0000001a}.design-element-control{cursor:pointer;font-size:14px;color:#6c757d}.design-element-control:hover{color:#000}.design-settings{display:flex;flex-wrap:wrap;gap:20px;width:100%;box-sizing:border-box}.settings-box{flex:1 1 calc(33.333% - 20px);min-width:300px;max-width:calc(33.333% - 13px);background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:10px 15px 15px;border:1px solid #000000;box-sizing:border-box;position:relative;margin-top:45px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:visible}.settings-title{position:absolute;top:-35px;margin:0;z-index:2;display:block}.settings-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;min-height:60px;box-sizing:border-box;padding:15px 10px;border-bottom:1px solid #000000;gap:10px;margin:0;overflow:hidden}.settings-row:last-child{border-bottom:none}.settings-label{width:40%;min-width:50px;max-width:160px;text-align:left;padding-right:10px;box-sizing:border-box;letter-spacing:-1.5px}.settings-input{flex:1;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.settings-input input,.settings-input select{width:100%;padding:8px;border-radius:4px;border:1px solid #ced4da;box-sizing:border-box;text-align:left}.btn{background-color:#000;color:#fff;border:none;border-radius:4px;padding:8px 15px;font-size:13px;cursor:pointer;transition:all .2s ease;display:inline-block;text-align:center;font-weight:500}.btn:hover{background-color:#333;box-shadow:0 2px 5px #0000001a}.btn:active{background-color:#000;transform:translateY(1px)}.upload-btn{width:100px}.position-component{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:0px}.position-input-group{display:flex;align-items:center;gap:10px}.position-label{font-weight:400;min-width:0px}.position-input{width:45px;text-align:center;padding:0;border-radius:4px;border:transparent;margin-top:1px}.direction-buttons{display:flex;flex-direction:column;align-items:center;margin:0}.direction-row{display:flex;align-items:center}.direction-btn{width:55px;height:5px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:4px;cursor:pointer;margin:2px;transition:all .2s ease;padding:0}.direction-btn i{font-size:50px;color:#333}.direction-btn:hover{background-color:transparent}.direction-btn:hover i{color:#000}.direction-btn:active{background-color:transparent;transform:translateY(1px)}.center-btn{width:100px}.slider-component{display:flex;justify-content:space-between;align-items:center;width:100%}.text-input{width:100%;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.color-picker-container{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.color-input{width:100px;height:30px;padding:8px;border:1px solid #ced4da;border-radius:4px;font-size:14px;text-transform:uppercase}.color-picker{width:30px;height:32px;padding:0;border:none;border-radius:4px;cursor:pointer;background-color:transparent}.toggle-switch-container{display:flex;justify-content:flex-end;flex:1}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#eee;border:1px solid #000000;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:2px;background-color:#fff;border:1px solid #000000;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#0f0}input:checked+.toggle-slider:before{transform:translate(23px)}.timer-control-container{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex:1}.timer-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.timer-btn i{font-size:28px;color:#000}.timer-input{width:40px;text-align:center;border:none;font-size:14px;padding:4px}.timer-unit{font-size:14px;margin-left:4px;margin-right:5px}.page-select-container{position:relative;display:flex;justify-content:flex-end;flex:1}.page-select{width:150px;padding:8px 30px 8px 12px;border:1px solid #ced4da;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;cursor:pointer;font-size:14px}.option-select-container{position:relative;display:flex;justify-content:center;align-items:center;flex:1}.option-select{width:440px;height:35px;padding:8px 30px 8px 12px;border:1px solid #ced4da;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;cursor:pointer;font-size:14px}.select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:20px}.data-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:40px;margin-left:15px;margin-bottom:-30px;width:100%}.data-section-title{display:flex;align-items:center;gap:10px}.data-section-title .section-title{margin:0;font-weight:600;color:#333}.section-title-icon{display:flex;align-items:center;margin-top:2px;margin-left:-5px}.section-title-icon a{display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;transition:color .3s ease}.section-title-icon a:hover{color:#0f0}.section-title-icon i{font-size:20px}.filter-dropdown-container,.filter-dropdown{position:relative}.filter-dropdown select{padding:8px 30px 8px 12px;border:1px solid #ced4da;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;cursor:pointer;font-size:14px;min-width:120px}.page-design-container .common-button-container{justify-content:flex-end;margin-top:40px;margin-right:10px;gap:10px}.design-preview-button{background-color:#fff;color:#000;border:solid 1px #000000;border-radius:50px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.design-preview-button:hover{background-color:#000;color:#fff;border:solid 1px #00ff00}.settings-section,.settings-section-type1,.settings-section-type2,.settings-section-type3{flex:1 1 calc(33.333% - 20px);min-width:300px;max-width:calc(33.333% + -0px);background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:10px 15px 15px;border:1px solid #000000;box-sizing:border-box;position:relative;margin-top:45px;display:flex;flex-direction:column;justify-content:center;align-items:center}.tab-radio{margin-top:8px;display:flex;justify-content:center}.tab-radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:1px solid #ccc;margin:0;cursor:pointer;position:relative}.tab-radio input[type=radio]:checked{border:1px solid #00ff00}.tab-radio input[type=radio]:checked:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background-color:#0f0}.settings-section-type2 .settings-row:first-child{margin-top:0}.settings-section-type3 .settings-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:0;border-bottom:1px solid #000000;padding:15px 10px;width:100%;min-height:60px;box-sizing:border-box}.settings-section-type3 .settings-row:last-child{border-bottom:none}.settings-section-type3 .settings-row:first-child{margin-top:0}.settings-section-type3 .settings-label{width:20%;text-align:left;padding-right:10px;box-sizing:border-box;margin-left:15px;position:relative}.settings-section-type3 .settings-row .settings-row{border-bottom:none;padding:0;margin:0;min-height:auto;width:60%;justify-content:flex-end;gap:10px}.settings-section-type3 .settings-input{width:60%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.settings-section-type3 .settings-input input{text-align:left;position:relative}.settings-section-type3 .settings-row .settings-row .settings-input{width:80%;position:relative;left:60px}.settings-section-type3 .settings-row .settings-row .upload-btn{width:40%;position:relative;left:70px}.settings-section-type3 .position-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:75%;margin-left:0;gap:10px}.settings-section-type3 .position-input-group{display:flex;align-items:center;gap:10px;width:80%;position:relative;left:27px}.settings-section-type3 .position-label{font-weight:400;min-width:20px}.settings-section-type3 .position-input{width:60px;text-align:center;padding:8px;border-radius:4px;border:1px solid #ced4da}.settings-section-type3 .center-btn{background-color:#000;color:#fff;border:none;border-radius:4px;padding:8px 15px;font-size:13px;cursor:pointer;transition:all .2s ease;display:inline-block;text-align:center;font-weight:500;width:30%;margin-left:0;position:relative;left:7px}.settings-section-type3 .center-btn:hover{background-color:#333;box-shadow:0 2px 5px #0000001a}.settings-section-type3 .center-btn:active{background-color:#000;transform:translateY(1px)}.amount-control-container{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex:1}.amount-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.amount-btn i{font-size:28px;color:#000}.amount-input{width:40px;text-align:center;border:none;font-size:14px;padding:4px}.unit-text{font-size:14px;margin-left:4px;margin-right:5px}.price-control-container{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex:1}.price-control-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.price-control-btn i{font-size:28px;color:#000}.price-input{width:80px;text-align:center;border:none;font-size:14px;padding:4px}.shooting-count-container{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex:1}.shooting-count-btn{width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.shooting-count-btn i{font-size:28px;color:#000}.shooting-count-input{width:40px;text-align:center;border:none;font-size:14px;padding:4px}.size-slider-container{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex:1;width:100%}.size-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#e0e0e0;border-radius:2px;outline:none;cursor:pointer}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#000;cursor:pointer;border:2px solid #fff;box-shadow:0 0 2px #0000004d}.size-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#000;cursor:pointer;border:2px solid #fff;box-shadow:0 0 2px #0000004d}.size-value{min-width:40px;text-align:center;font-size:14px;font-weight:500}.size-icon{font-size:18px;color:#000}.size-icon.small{font-size:14px}.size-icon.large{font-size:22px}.title-theme-container{display:flex;align-items:center;gap:0px}.theme-name{font-size:20px;font-weight:500;margin-bottom:20px;margin-left:10px;letter-spacing:-1.5px}.page-preset-container{margin:0;display:flex;flex-direction:column;padding:15px 20px;max-width:1530px;box-sizing:border-box}.preset-selection-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;border:1px solid #ddd;margin-bottom:20px;width:100%;display:flex;flex-direction:column;gap:20px;padding:20px;position:relative;box-sizing:border-box}.preset-pages-row{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:15px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px}.preset-toggles-row{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:15px;overflow-x:auto;overflow-y:hidden;padding:0;border-top:1px solid #ddd}.preset-toggles-row .preset-item-container{display:flex;justify-content:center;align-items:center;min-height:60px}.preset-pages-row::-webkit-scrollbar,.preset-toggles-row::-webkit-scrollbar{height:8px;width:8px}.preset-pages-row::-webkit-scrollbar-track,.preset-toggles-row::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.preset-pages-row::-webkit-scrollbar-thumb,.preset-toggles-row::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.preset-pages-row::-webkit-scrollbar-thumb:hover,.preset-toggles-row::-webkit-scrollbar-thumb:hover{background:transparent}.preset-preview-container{width:100%;max-width:1530px;height:auto;padding-bottom:56.25%;background-color:#000;border:1px solid #000000;margin-bottom:20px;border-radius:8px;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.preset-preview-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.preset-item-container{display:flex;flex-direction:column;align-items:center;width:100%;min-width:50px;max-width:150px;flex-shrink:1;margin-top:10px}.preset-tab{width:100%;padding:8px 0;text-align:center;font-size:13px;background-color:#000;color:#fff;border-radius:10px 10px 0 0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-tab:hover{background-color:#333}.preset-canvas-container{background-color:#fff;border-radius:0;box-shadow:0 1px 3px #0000001a;padding:0;position:relative;border:1px solid #e9ecef;overflow:hidden;margin-bottom:15px}.preset-element{position:absolute;cursor:move;min-width:100px;min-height:30px;background-color:#fffc;border:1px solid #ced4da;padding:10px;-webkit-user-select:none;user-select:none}.preset-element.selected{border:2px solid #000}.preset-element-controls{position:absolute;top:-30px;right:0;display:flex;gap:5px;background-color:#fff;border:1px solid #ced4da;border-radius:4px;padding:2px 5px;box-shadow:0 1px 3px #0000001a}.preset-element-control{cursor:pointer;font-size:14px;color:#6c757d}.preset-element-control:hover{color:#000}.preset-settings{display:flex;flex-wrap:wrap;gap:20px;width:100%;box-sizing:border-box}.page-preset-container .common-button-container{justify-content:flex-end;margin-top:40px;margin-right:10px;gap:10px}.preset-preview-button{background-color:#fff;color:#000;border:solid 1px #000000;border-radius:50px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.preset-preview-button:hover{background-color:#000;color:#fff;border:solid 1px #00ff00}.toggle-switch-container-preset{display:flex;justify-content:center;align-items:center;width:100%}.save-status-label{position:absolute;bottom:35px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:10px;font-size:10px;font-weight:500;text-align:center;min-width:50px;z-index:10;box-shadow:0 1px 3px #0003;transition:all .2s ease}.save-status-completed{background-color:#22c55e;color:#fff;border:1px solid #16a34a}.save-status-required{background-color:#ef4444;color:#fff;border:1px solid #dc2626}.preset-item-container{position:relative}.save-status-label:hover{transform:translate(-50%) scale(1.05)}@media (max-width: 768px){.save-status-label{font-size:9px;padding:2px 6px;min-width:45px}}@media (prefers-color-scheme: dark){.save-status-completed{background-color:#15803d;border-color:#166534}.save-status-required{background-color:#dc2626;border-color:#b91c1c}}