:root{--sk-white: #ffffff;--sk-black: #42413d;--sk-gray: #f6f5f1;--sk-green: #6dbab5;--sk-green-tone-1: #6dbab4;--sk-green-light: #92d4d0;--sk-green-lighter: rgba(109, 186, 181, .1);--sk-green-dark: #5aa9a3;--sk-red: #f19190;--sk-red-light: #f9d1d0;--sk-red-dark: #ea8080;--sk-yellow: #f9c065;--sk-yellow-light: #ffe8c7;--sk-yellow-dark: #e8a446;--sk-purple: #9d71a8;--sk-orange: #e88565;--sk-orange-light: #f9a975;--sk-blue: #288cab;--sk-blue-light: #ceecf5;--sk-gray-dark: #d6d5d2;--sk-gray-tone-1: #f9fafd;--sk-gray-tone-2: #e5e5e5;--sk-gray-tone-3: #c3c3c3;--sk-gray-tone-4: #919191;--sk-gray-tone-5: #efefef;--sk-dark-gray-tone-1: #454e57;--sk-dark-gray-tone-2: #343d46;--sk-border-radius: 8px;--sk-border-radius-sm: 4px;--sk-border-radius-lg: 12px;--sk-top-menu-height: 56px;--sk-sidebar-width: 260px;--sk-shadow-sm: 0 1px 3px rgba(0,0,0,.05);--sk-shadow: 0 13px 28px rgba(0,0,0,.05);--sk-shadow-lg: 0 10px 40px rgba(0,0,0,.15);--sk-transition: all .2s ease;--sk-transition-fast: all .15s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden}body{height:100%;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:var(--sk-dark-gray-tone-2);background-color:var(--sk-gray-tone-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;overflow:hidden}.sk-connection-status{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);padding:6px 16px;border-radius:0 0 8px 8px;font-size:13px;font-weight:500;z-index:9999;display:flex;align-items:center;gap:8px;transition:transform .3s ease}.sk-connection-status.reconnecting{transform:translate(-50%) translateY(0);background:#fff3cd;color:#856404}.sk-connection-status.connected{transform:translate(-50%) translateY(-100%);background:var(--sk-green-lighter);color:var(--sk-green)}.sk-connection-icon{display:flex;align-items:center}.sk-main{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.sk-main.full-width{padding:0}.sk-main:not(.full-width){padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.42857143;text-align:center;white-space:nowrap;cursor:pointer;border:1px solid transparent;border-radius:var(--sk-border-radius);transition:var(--sk-transition);text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #6dbab54d}.btn-primary,.btn-fill{background-color:var(--sk-green);color:var(--sk-white);border:none}.btn-primary:hover,.btn-fill:hover{background-color:var(--sk-green-dark);transform:translateY(-1px)}.btn-success{background-color:var(--sk-green);border-color:var(--sk-green);color:var(--sk-white)}.btn-warning{background-color:var(--sk-yellow);border-color:var(--sk-yellow);color:var(--sk-white)}.btn-danger{background-color:var(--sk-red);border-color:var(--sk-red);color:var(--sk-white)}.btn-corp-orange{background:linear-gradient(90deg,var(--sk-orange-light) -4%,var(--sk-orange) 100%);color:var(--sk-white);border:none}.btn-corp-orange:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e8856566}.btn-outline{background:var(--sk-white);border:1px solid var(--sk-gray-tone-2);color:var(--sk-dark-gray-tone-1)}.btn-outline:hover{background:var(--sk-gray-tone-5);border-color:var(--sk-gray-tone-3)}.btn-circle{width:36px;height:36px;padding:0;border-radius:50%}.card{background:var(--sk-white);border-radius:var(--sk-border-radius);box-shadow:var(--sk-shadow);margin-bottom:20px;border:none}.card .header{padding:15px 20px;border-bottom:1px solid var(--sk-gray-tone-5)}.card .header h4{margin:0;font-weight:600;color:var(--sk-dark-gray-tone-2)}.card .content{padding:20px}.form-control{height:40px;background-color:var(--sk-gray-tone-5);border-radius:var(--sk-border-radius);border:1px solid transparent;padding:8px 14px;font-size:14px;color:var(--sk-dark-gray-tone-2);transition:var(--sk-transition);width:100%}.form-control:focus{outline:0;box-shadow:0 3px 9px #32320900,3px 4px 8px #49301b1a;background-color:#f6f6f6;border:1px solid var(--sk-green)}.form-control::-moz-placeholder{color:var(--sk-gray-tone-4)}.form-control::placeholder{color:var(--sk-gray-tone-4)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--sk-gray-tone-4);text-transform:uppercase;margin-bottom:6px;letter-spacing:.3px}.label{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--sk-border-radius);font-size:12px;font-weight:500;line-height:1.4}.label-success{background-color:#b2ecb9;color:#4fa955}.label-warning{background-color:var(--sk-yellow-light);color:var(--sk-yellow-dark)}.label-danger{background-color:var(--sk-red-light);color:#cc534f}.label-info{background-color:var(--sk-blue-light);color:var(--sk-blue)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;border-radius:10px;background:var(--sk-red);color:#fff}.new-badge-filled{background-color:var(--sk-orange);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sk-gray-tone-5);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--sk-gray-tone-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--sk-gray-tone-4)}.modal-overlay{position:fixed;inset:0;background-color:#a3afbecc;display:flex;align-items:center;justify-content:center;z-index:10000}.modal{background:var(--sk-white);border-radius:10px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:none;border:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--sk-gray-tone-2)}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-close{width:36px;height:36px;border:none;border-radius:50%;background:var(--sk-gray-tone-1);color:var(--sk-gray-tone-4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--sk-transition)}.modal-close:hover{background:var(--sk-gray-tone-2);color:var(--sk-dark-gray-tone-1)}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--sk-gray-tone-2);background:var(--sk-gray-tone-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.spinner{width:24px;height:24px;border:3px solid var(--sk-gray-tone-2);border-top-color:var(--sk-green);border-radius:50%;animation:spin .8s linear infinite}.text-success{color:var(--sk-green)!important}.text-warning{color:var(--sk-yellow)!important}.text-danger{color:var(--sk-red)!important}.text-muted{color:var(--sk-gray-tone-4)!important}::-moz-selection{background:var(--sk-green-lighter);color:var(--sk-dark-gray-tone-2)}::selection{background:var(--sk-green-lighter);color:var(--sk-dark-gray-tone-2)}@media(max-width:1024px){:root{--sk-sidebar-width: 200px}.sk-main:not(.full-width){padding:16px}.card .content{padding:16px}.modal{max-width:90%;margin:20px}}@media(max-width:768px){html{overflow-x:hidden;overflow-y:auto;height:auto;min-height:100%;max-width:100vw}body{font-size:14px;overflow-x:hidden;overflow-y:auto;height:auto;min-height:100%;max-width:100vw}.sk-main{flex:1;overflow:visible;overflow-x:hidden;min-height:0}.sk-main:not(.full-width){padding:12px}.card{border-radius:12px;margin-bottom:12px}.card .header,.card .content{padding:12px 16px}.btn{padding:10px 16px;font-size:14px;min-height:44px}.btn-circle{width:44px;height:44px}.form-control{height:44px;font-size:16px;padding:10px 14px}.form-group label{font-size:11px}.modal{max-width:100%;max-height:100%;margin:0;border-radius:0;height:100%}.modal-overlay{padding:0}.modal-header{padding:16px;position:sticky;top:0;background:#fff;z-index:10}.modal-body{padding:16px;max-height:calc(100vh - 140px);-webkit-overflow-scrolling:touch}.modal-footer{padding:12px 16px;position:sticky;bottom:0;flex-wrap:wrap;gap:8px}.modal-footer .btn{flex:1;min-width:120px}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-mobile{display:none!important}.show-mobile{display:block!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}.flex-nowrap{flex-wrap:wrap!important}}@media(max-width:480px){body{font-size:13px}.sk-main:not(.full-width){padding:8px}.card .header,.card .content{padding:10px 12px}.card .header h4{font-size:15px}.btn{padding:8px 12px;font-size:13px}.modal-header h2{font-size:16px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media(hover:none)and (pointer:coarse){.btn,button,a{min-height:44px;min-width:44px}.btn:hover{transform:none}*{-webkit-overflow-scrolling:touch}button,.btn{-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media(max-width:896px)and (orientation:landscape){.modal{max-height:100vh}.modal-body{max-height:calc(100vh - 100px)}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.modal-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media print{.sk-navbar,.sk-connection-status,.btn,button{display:none!important}.sk-main{padding:0;overflow:visible}.card{box-shadow:none;border:1px solid #ddd;-moz-column-break-inside:avoid;break-inside:avoid}}