@apply w-full border border-gray-300 rounded px-3 py-2 text-sm;.admin-container{background:#f5f6fa;min-height:100vh;display:flex}.sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{border-bottom:1px solid #f1f1f1;padding:20px 16px}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-box{background:#6366f1;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-box img{object-fit:contain;width:20px;height:20px}.logo-text{color:#6366f1;font-size:18px;font-weight:700}.sidebar-menu{flex:1;padding:12px;overflow-y:auto}.sidebar-item{color:#6b7280;border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.sidebar-item .icon{color:#9ca3af;align-items:center;display:flex}.sidebar-item:hover{color:#111827;background:#f3f4f6}.sidebar-item.active{color:#4f46e5;background:#e0e7ff;font-weight:600}.sidebar-item.active .icon{color:#4f46e5}.sidebar-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px}.logout-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.logout-btn:hover{background:#4338ca;transform:translateY(-1px)}.logout-btn:active{transform:scale(.98)}.logout-btn svg{flex-shrink:0;width:18px;height:18px}.content{background:#f5f6fa;flex:1;min-width:0;min-height:100vh;padding:20px;overflow-x:auto}.login-page{background:#f0f0f1;justify-content:center;align-items:center;height:100vh;display:flex}.login-error{color:#b30000;background:#ffeaea;border:1px solid #ffb3b3;border-radius:3px;margin-top:12px;padding:8px;font-size:13px}.login-box{text-align:center;width:320px}.login-logo img{width:80px;margin-bottom:20px}.login-form{text-align:left;background:#fff;border:1px solid #ccd0d4;border-radius:4px;padding:24px}.login-form label{color:#23282d;margin-top:12px;margin-bottom:6px;font-size:14px;display:block}.login-form input:focus{border-color:#2271b1}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{box-sizing:border-box;appearance:none;border:1px solid #ddd;border-radius:3px;outline:none;width:100%;height:34px;padding:8px 10px;font-size:14px}.login-form input[type=checkbox]{box-sizing:content-box;width:auto;height:auto;margin-right:6px;padding:0}.login-row{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.remember{color:#555;font-size:13px}.login-row button{color:#fff;cursor:pointer;background:#2271b1;border:none;border-radius:3px;padding:6px 14px}.login-row button:hover{background:#135e96}.login-footer{text-align:center;margin-top:16px;font-size:13px}.login-footer a{color:#2271b1;margin-top:6px;text-decoration:none;display:block}.login-footer a:hover{text-decoration:underline}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:40px}.eye-icon{cursor:pointer;color:#555;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.eye-icon:hover{color:#2271b1}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}.table-box{box-sizing:border-box;width:100%;max-width:100%;overflow:auto hidden}.dropdown{flex-shrink:0;width:180px;position:relative}.modal-overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;z-index:999999!important}.confirm-modal-box{text-align:center;background:#fff;border-radius:16px;width:350px;max-width:90%;padding:15px 10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-shadow:0 10px 25px #0000001a}.confirm-icon-wrapper{background-color:#fef08a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 20px;display:flex}.confirm-icon{color:#eab308;font-size:25px;font-weight:700}.confirm-title{color:#111827;margin:0 0 12px;font-size:15px;font-weight:600}.confirm-message{color:#6b7280;margin:0 0 28px;padding:0 20px;font-size:12px;line-height:1.5}.confirm-actions{justify-content:center;gap:16px;display:flex}.confirm-actions button{cursor:pointer;box-sizing:border-box;border-radius:8px;flex:1;max-width:140px;height:35px;font-size:13px;font-weight:400;transition:all .2s}.btn-confirm-cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.btn-confirm-cancel:hover{background:#d7d7d8;border-color:#9ca3af}.btn-confirm-agree{color:#fff;background:#ca8a04;border:1px solid #ca8a04;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #ca8a04}.btn-confirm-agree:hover{background:#9e4909;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #ca8a04}.upgrade-modal-box{box-sizing:border-box;background:#fff;border-radius:12px;width:420px;max-width:90%;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.2s ease-out modalFadeIn;box-shadow:0 10px 25px #00000026}.upgrade-title{color:#111827;text-align:center;margin:0 0 20px;font-size:18px;font-weight:500}.plan-selection-list{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;margin-bottom:24px;display:flex;overflow:hidden}.plan-selection-item{color:#374151;cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 48px 14px 16px;font-size:15px;transition:all .15s;position:relative}.plan-selection-item:last-child{border-bottom:none}.plan-selection-item:hover:not(.selected){background:#f9fafb}.plan-selection-item.selected:after{content:"";border-bottom:3.5px solid #22c55e;border-right:3.5px solid #22c55e;border-radius:1px;width:6px;height:11px;position:absolute;top:50%;right:20px;transform:translateY(-50%)rotate(45deg)}.upgrade-actions{flex-direction:column;gap:12px;display:flex}.upgrade-actions button{cursor:pointer;box-sizing:border-box;border:none;border-radius:8px;width:100%;height:44px;font-size:15px;font-weight:500;transition:all .2s}.btn-upgrade-agree{color:#fff!important;background:#4f46e5!important}.btn-upgrade-agree:hover:not(:disabled){background:#4338ca!important}.btn-upgrade-agree:disabled{cursor:not-allowed;opacity:.6;background:#9ca3af!important}.btn-upgrade-cancel{color:#4b5563!important;background:#fff!important;border:1px solid #d1d5db!important}.btn-upgrade-cancel:hover{background:#f9fafb!important;border-color:#9ca3af!important}.toast-success-container{z-index:9999999;box-sizing:border-box;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:12px;min-width:280px;padding:16px 40px 16px 16px;animation:.3s ease-out toastSlideIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000014}.toast-success-icon{color:#fff;background-color:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-success-icon svg{width:14px;height:14px}.toast-success-content{text-align:left;flex-direction:column;gap:2px;display:flex}.toast-success-title{color:#15803d;letter-spacing:.5px;font-size:13px;font-weight:700}.toast-success-msg{color:#166534;font-size:14px}.toast-success-close{color:#166534;cursor:pointer;opacity:.6;padding:4px;font-size:20px;line-height:1;transition:opacity .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%);background:0 0!important;border:none!important}.toast-success-close:hover{opacity:1}.toast{z-index:9999;background:#fff;border-radius:10px;min-width:260px;padding:12px 16px;animation:.25s slideIn;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 25px #00000026}.toast-success{border-left:5px solid #22c55e}.toast-error{border-left:5px solid #ef4444}.login-error{color:#ff4d4f;margin-top:10px;font-size:14px;font-weight:500}.filter-box{box-sizing:border-box;z-index:1000;background:#fff;border-radius:10px;flex:none;width:100%;max-width:100%;margin-bottom:16px;padding:14px;position:relative;box-shadow:0 1px 2px #00000014;overflow:visible!important}.filter-row,.filter-row-2{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.filter-row-2{flex-wrap:no-wrap;z-index:1000;align-items:center;gap:12px;display:flex;position:relative;overflow:visible!important}.action-group{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.action-group span{color:#374151;font-size:12px;font-weight:500}.filter-row input,.filter-row-2 input{flex-shrink:0}.filter-row-2>input{width:180px;padding:6px 10px}.main-search{border:1px solid #d9e1ff;border-radius:8px;outline:none;width:200px;height:50px;padding:8px 12px}.filter-box input,.filter-box select{background:#fff;border:1px solid #c7d2fe;border-radius:6px;outline:none;height:34px;padding:6px 10px;font-size:13px}.main-search:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51f}.inline-label{align-items:center;gap:8px;display:flex}.label-text{color:#555;font-size:13px}input,select{border:1px solid #d9e1ff;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}input:focus,select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51f}.date-input{align-items:center;display:flex;position:relative}.date-input input{box-sizing:border-box;z-index:1;cursor:text;width:199px;padding-right:40px;position:relative}.date-input input::-webkit-calendar-picker-indicator{-webkit-appearance:none!important;margin:0!important;display:none!important}.date-input input[type=datetime-local]{display:inline-block;position:relative}.calendar-icon{opacity:.7;z-index:2;font-size:13px;position:absolute;right:30px;pointer-events:none!important}.clear-btn{z-index:5;box-shadow:none;cursor:pointer;background:0 0;border:none;outline:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.clear-btn:hover{background:#8e8f91}.btn-download{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;height:34px;padding:0 14px;font-size:13px;font-weight:500}.btn-download:hover{background:#4338ca}.sub-label{color:#6b7280;font-size:12px;line-height:1.1}.label-wrapper{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.desc-text{color:#9ca3af;margin-top:2px;font-size:11px;font-style:italic;line-height:1.2}.input-group.inline{align-items:center;gap:8px;display:flex}.sub-label{color:#4b5563;font-size:13px;font-weight:500;line-height:1.2}select.placeholder{color:#9ca3af}select,select option{color:#111}.select-input{flex-shrink:0;width:180px;position:relative}.select-input select{box-sizing:border-box;background:#fff;border:1px solid #c7d2fe;border-radius:6px;width:100%;height:34px;padding:0 34px 0 10px}.select-clear-btn{cursor:pointer;z-index:3;color:#6b7280;background:0 0;border:none;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.dropdown{width:180px;display:inline-block;position:relative}.dropdown-input{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #c7d2fe;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 12px;display:flex}.dropdown-menu{z-index:999999;background:#fff;border:1px solid #d9e1ff;border-radius:8px;width:100%;min-width:180px;max-height:260px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 4px 14px #0000001f}.dropdown-item{cursor:pointer;white-space:nowrap;padding:10px 12px;font-size:13px}.dropdown-item:hover{background:#f3f4f6}.table-box{z-index:1;background:#fff;border-radius:10px;width:max-content;min-width:100%;position:relative;overflow:auto visible;box-shadow:0 1px 2px #00000014}.empty-row td{border-top:1px solid #e5e7eb;height:200px;background-color:#fff!important;border-bottom:none!important}.table-box{background:#fff;min-height:30px}.table{border-collapse:collapse;text-align:left;border-spacing:0 10px;width:max-content;min-width:1400px}thead th{padding-bottom:16px}.table th{color:#6b7280;text-transform:uppercase;white-space:nowrap;text-align:left;background:#f9fafb;padding:12px 16px;font-size:12px}.table td:nth-child(8){white-space:nowrap}.table td{background:#fff;border-top:1px solid #e5e7eb;padding:12px 16px;font-size:13px}.tbody tr{border-radius:8px}.table tbody tr:hover{background:#f9fafb}small{color:#888;font-size:12px}.active{color:#16a34a;font-weight:600}.inactive{color:#dc2626;font-weight:600}button{color:#1625d2;cursor:pointer;background-color:#fff;border:none;border-radius:6px;margin-right:5px;padding:6px 10px;font-size:12px}button:hover{background:#e9e9ef}th{-webkit-user-select:none;user-select:none}.table td .active,.table td .inactive{text-align:center;border-radius:12px;padding:4px 10px;font-weight:500;line-height:1;display:inline-block}.active{color:#06471e;background-color:#82d89c;border:1px solid #bbf7d0}.inactive{color:#811;background-color:#f89696;border:1px solid #d38181}.table tbody tr td:nth-child(6),.table tbody tr td:nth-child(7),.table tbody tr td:nth-child(8),.table tbody tr td:nth-child(9){color:#6d7175}.table td .uninstall-time{color:#b91c1c;margin-top:4px;font-size:13px;display:block}.table tbody tr td:nth-child(6) small,.table tbody tr td:nth-child(7) small,.table tbody tr td:nth-child(8) small,.table tbody tr td:nth-child(9) small{color:#8a8d91}.pagination-container{justify-content:center;align-items:center;width:100%;margin-top:20px;display:flex}.pagination{background:#fff;border:1px solid #e1e3e5;border-radius:4px;align-items:center;display:inline-flex;overflow:visible}.pagination .page-btn,.pagination .page-number{color:#5c5f62;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:13px;display:inline-flex}.pagination .page-btn:not(:last-child),.pagination .page-number{border-right:1px solid #e1e3e5}.pagination .page-btn:disabled{color:#d2d5d8;cursor:not-allowed}.pagination .page-btn:not(:disabled):hover,.pagination .page-number:not(.active):hover{background-color:#f6f6f7}.pagination .page-number.active{color:#4f46e5;background-color:#f0f4fe;border-left:1px solid #4f46e5;margin-left:-1px;font-weight:500;position:relative}.pagination .page-number.active+.page-btn{border-left:1px solid #4f46e5}.table th:last-child,.table td:last-child{text-align:center}.action-buttons{justify-content:flex-end;align-items:center;gap:12px;display:inline-flex}.btn-link{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:3px;font-size:14px;font-weight:500;display:inline-flex;color:#4f46e5!important;background:#fff!important;border:none!important;padding:0!important}.btn-link:hover{color:#3730a3!important;background:#f3f4ff!important;border-color:#4f46e5!important}.btn-link .icon{color:#4f46e5;font-size:9px;display:inline-block}.more-wrapper{display:inline-block;position:relative}.more-dropdown{z-index:1000;text-align:left;background:#fff;border:1px solid #e1e3e5;border-radius:6px;min-width:195px;padding:6px 0;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #0000001f}.more-item{color:#202223;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:8px 16px;font-size:13px;transition:background .1s,color .1s}.more-item:hover{color:#4f46e5;background-color:#f6f6f7}.clone-modal-box{background:#fff;border-radius:12px;flex-direction:column;gap:14px;width:350px;padding:24px;display:flex}.clone-title{text-align:center;font-size:20px;font-weight:600}.clone-input{border:2px solid #6366f1;border-radius:8px;width:100%;height:40px;padding:0 14px;font-size:16px}.btn-clone{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;height:40px;font-size:16px;font-weight:600}.btn-close-clone{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:40px;font-size:16px}*,:before,:after{box-sizing:border-box}.payment-wrapper{background-color:#f8f9fa;flex-direction:column;min-height:100vh;display:flex}.header-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 24px}.header-title{color:#111827;margin:0;font-size:18px;font-weight:600}.content-area{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.payment-box{background:#fff;border:1px solid #f0f0f0;border-radius:8px;width:100%;max-width:480px;padding:40px;box-shadow:0 4px 20px #0000000d}.form-control{color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;margin-bottom:16px;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:#6366f1}.input-group{margin-bottom:16px}.label{color:#6b7280;text-align:left;margin-bottom:6px;font-size:14px;display:block}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row .form-control{margin-bottom:0}.checkbox-row{color:#4b5563;align-items:center;margin-bottom:24px;font-size:14px;display:flex}.checkbox-row input{cursor:pointer;width:16px;height:16px;margin-right:10px}.button-container{justify-content:center;display:flex}.payment-box{flex-direction:column;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#5c59f2;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .3s}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{cursor:not-allowed;background:#a5a6f6}.checkout-box{color:#6b7280;word-break:break-all;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:16px;padding:12px;font-size:12px}.modal-overlay{z-index:9999;background:#8e939e99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:300px;padding:35px 25px;box-shadow:0 12px 40px #00000026}.modal-icon{color:#ff3b30;background:#ffebe9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex}.modal-title{color:#111827;letter-spacing:.5px;margin:0 0 10px;font-size:16px;font-weight:700}.modal-message{color:#6b7280;margin:0 0 28px;font-size:13px}.modal-close{color:#fff;cursor:pointer;background:#db2724;border:2px solid #b91c1c;border-radius:8px;width:100%;padding:8px;font-size:15px;font-weight:600;transition:background .2s}.modal-close:hover{background:#b91c1c}.discount-row{gap:12px;display:flex}.discount-row .form-control{margin-bottom:0}.discount-row select{width:40%}.discount-row input{width:60%}.error-text{color:#dc2626;text-align:left;margin-top:-10px;margin-bottom:12px;font-size:13px}.template-page{flex-direction:column;height:100vh;display:flex}.template-table td:nth-child(4),.template-table td:nth-child(5),.template-table td:nth-child(6),.template-table td:nth-child(7){color:#7d838d}.template-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px;box-shadow:0 2px 6px #0000000d}.template-title{color:#111827;font-size:18px;font-weight:600}.template-content{background:#f3f4f6;flex:1;padding:16px;overflow-y:auto}.template-table-wrapper{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #00000014}.template-table{border-collapse:collapse;width:100%}.template-table thead{background:#f9fafb}.template-table th{text-align:left;color:#6b7280;text-transform:uppercase;padding:12px;font-size:12px}.template-table td{border-top:1px solid #eee;padding:12px;font-size:14px}.text-center{text-align:center}.loading{text-align:center;color:#666;padding:20px}.command-page{background:#f3f4f6;min-height:100vh}.command-header{background:#fff;border-bottom:1px solid #ddd;padding:16px 24px;box-shadow:0 2px 6px #0000000d}.command-header h1{margin:0;font-size:18px}.command-container{grid-template-columns:7fr 5fr;align-items:start;gap:16px;padding:16px;display:grid}.command-right{position:sticky;top:0}.card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 5px 15px #00000014}textarea{border:1px solid #ccc;border-radius:6px;width:98%;margin-top:8px;padding:10px}.center{justify-content:center;margin-top:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;padding:10px 16px}.terminal{color:#e5e7eb;white-space:pre;background:#0f172a;border-radius:8px;min-height:300px;max-height:600px;padding:12px;overflow:auto}.terminal-title{color:#22c55e;font-weight:700}.help-title{margin-bottom:10px;font-weight:700}.help-box{color:#555;border:1px solid #ddd;border-radius:6px;margin-top:10px;padding:8px;font-size:13px}.code{color:#e5e7eb;background:#065f46;margin-top:6px;padding:4px}.command-left,.command-right{min-width:0}.notfound-container{background-color:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.notfound-title{color:#605e5e;margin:0;font-size:120px;font-weight:700}.notfound-text{color:#6c757d;margin-top:10px;font-size:24px}