.pc-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:24px 8%;background:linear-gradient(180deg,#f4f8ff,#f9fbff)}.pc-sidebar{background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(9,49,105,.08);padding:18px 0;position:sticky;top:24px;height:fit-content}.pc-sidebar-title{font-weight:700;color:#0c2f66;font-size:18px;padding:0 18px 14px;border-bottom:1px solid #edf2fb}.pc-nav-link{display:block;padding:12px 18px;color:#26477a;text-decoration:none;transition:all .2s ease;border-left:3px solid rgba(0,0,0,0)}.pc-nav-link:hover{background:#edf4ff;color:#0c2f66}.pc-nav-link.active{background:#e5efff;border-left-color:#2e66f6;color:#08327c;font-weight:600}.pc-main{background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(9,49,105,.08);min-height:620px}.pc-header{padding:20px 24px;border-bottom:1px solid #edf2fb}.pc-header h1{margin:0;color:#0f3d88;font-size:24px;font-weight:700}.pc-header p{margin:8px 0 0;color:#5e7599}.pc-body{padding:24px}.pc-section-card{border:1px solid #edf2fb;border-radius:12px;box-shadow:0 4px 16px rgba(16,54,117,.04)}.pc-muted{color:#6f84a8}.pc-kv{margin:0}.pc-kv dt{color:#607799;margin-bottom:6px}.pc-kv dd{color:#173e80;font-weight:600;margin-bottom:14px}.pc-chip{background:#e9f0ff;color:#1247a7;border-radius:999px;padding:2px 10px;font-size:12px}@media screen and (max-width:992px){.pc-layout{grid-template-columns:1fr;padding:16px 4%}.pc-sidebar{position:static}.pc-main{min-height:auto}}.nav-tabs{border-bottom:2px solid #edf2fb;gap:0}.nav-tabs .nav-item{margin-bottom:-2px}.nav-tabs .nav-link{border:none;border-bottom:2px solid rgba(0,0,0,0);color:#5e7599;font-size:14px;font-weight:500;padding:12px 18px;-webkit-transition:all .2s;transition:all .2s;background:rgba(0,0,0,0)}.nav-tabs .nav-link:hover{color:#0f3d88;border-color:rgba(0,0,0,0);background:#f5f9ff}.nav-tabs .nav-link.active{color:#1247a7;font-weight:600;border-bottom-color:#2e66f6;background:rgba(0,0,0,0)}.tab-content .pc-section-card.card{border:1px solid #edf2fb;border-radius:12px;-webkit-box-shadow:0 4px 16px rgba(16,54,117,.04);box-shadow:0 4px 16px rgba(16,54,117,.04);margin-top:20px!important}.tab-content .pc-section-card.card .card-header{padding:16px 20px;border-bottom:1px solid #edf2fb}.tab-content .pc-section-card.card .card-header h6{font-size:15px;color:#0f3d88;font-weight:600}.tab-content .pc-section-card.card .card-header .btn-primary{border-radius:8px;font-weight:500;font-size:13px;padding:6px 16px}.tab-content .pc-section-card.card .card-header .btn-primary:hover{background:#1a5ae6}.tab-content .pc-section-card.card .card-body{padding:20px}.tab-content .form-label{font-size:14px;font-weight:500;color:#4a638a}.tab-content .form-control,.tab-content .form-select{border-radius:8px;border:1px solid #e2e8f0;padding:10px 14px;font-size:14px;-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.tab-content .form-control:focus,.tab-content .form-select:focus{border-color:#2e66f6;-webkit-box-shadow:0 0 0 3px rgba(46,102,246,.12);box-shadow:0 0 0 3px rgba(46,102,246,.12)}.tab-content .input-group-text{background:#f8faff;border:1px solid #e2e8f0;color:#4a638a;font-size:14px}.tab-content .input-group .form-control:focus{z-index:1}.tab-content .btn-primary:not(.float-end){border-radius:8px;font-weight:500;padding:8px 22px;background:#2e66f6;border-color:#2e66f6;-webkit-transition:all .2s;transition:all .2s}.tab-content .btn-primary:not(.float-end):hover{background:#1a55e0;border-color:#1a55e0}.tab-content .btn-danger,.tab-content .btn-secondary:not(.btn-sm){border-radius:8px;font-weight:500;padding:8px 22px}.tab-content .alert{border-radius:8px;border:none;font-size:14px;padding:14px 18px}.tab-content .alert-info{background:#eef5ff;color:#1a54b0}.tab-content .alert-warning{background:#fff8ed;color:#a06218}.tab-content .alert-secondary{background:#f8faff;color:#5e7599;border:1px dashed #d0ddf5;text-align:center}.clothing-img{height:220px;-o-object-fit:contain;object-fit:contain;padding:15px;background:#f8faff;border-radius:10px}#clothing-list-container .card{border:1px solid #edf2fb;border-radius:12px;overflow:hidden;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}#clothing-list-container .card:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(16,54,117,.08);box-shadow:0 8px 20px rgba(16,54,117,.08)}#clothing-list-container .card .card-body{padding:16px}#clothing-list-container .btn-sm{border-radius:6px;font-size:13px;padding:4px 12px}#clothing-pagination .pagination .page-item .page-link{color:#2455b0;border:1px solid #e2e8f0;border-radius:6px;margin:0 2px;font-size:13px;padding:6px 12px;-webkit-transition:all .2s;transition:all .2s}#clothing-pagination .pagination .page-item .page-link:hover{background:#eef4ff;border-color:#d0ddf5}#clothing-pagination .pagination .page-item.active .page-link{background:#2e66f6;border-color:#2e66f6;color:#fff}#watermark-list .card{border:1px solid #edf2fb;border-radius:12px;-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}#watermark-list .card:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(16,54,117,.08);box-shadow:0 8px 20px rgba(16,54,117,.08)}#watermark-list .card-img-top{border-bottom:1px solid #edf2fb;-o-object-fit:contain;object-fit:contain;padding:20px;background:#f8faff}#watermark-list .btn-outline-danger{border-radius:6px;font-size:13px;padding:4px 12px}#clothing-upload-form,#watermark-upload-form{display:none}#clothing-upload-form .card,#watermark-upload-form .card{border:1px solid #edf2fb;border-radius:12px}#clothing-upload-form .card .card-body,#watermark-upload-form .card .card-body{padding:20px}#clothing-upload-form .btn-primary,#clothing-upload-form .btn-secondary,#watermark-upload-form .btn-primary,#watermark-upload-form .btn-secondary{border-radius:8px;font-weight:500;padding:8px 22px}#clothing-upload-form .bg-light,#watermark-upload-form .bg-light{background:#f8faff!important;border-radius:10px}#api-log-pane h6{font-size:15px;color:#0f3d88;font-weight:600}#api-log-pane #download-api-log{border-radius:8px;font-weight:500;padding:10px 28px;background:#2e66f6;border-color:#2e66f6}#api-log-pane #download-api-log:hover{background:#1a55e0;border-color:#1a55e0}#api-log-pane .input-daterange{max-width:420px}#api-log-pane .input-daterange input{border-radius:8px!important;border:1px solid #e2e8f0;padding:10px 14px;font-size:14px;color:#26477a;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236f84a8'%3E%3Cpath d='M3.5 0a.5.5 0 01.5.5V1h8V.5a.5.5 0 011 0V1h1a2 2 0 012 2v11a2 2 0 01-2 2H2a2 2 0 01-2-2V3a2 2 0 012-2h1V.5a.5.5 0 01.5-.5zM2 2a1 1 0 00-1 1v1h14V3a1 1 0 00-1-1H2zm13 3H1v9a1 1 0 001 1h12a1 1 0 001-1V5z'/%3E%3Cpath d='M11 7.5a.5.5 0 01.5-.5h1a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1zm-3 0a.5.5 0 01.5-.5h1a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1zm-2 3a.5.5 0 01.5-.5h1a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1zm-3 0a.5.5 0 01.5-.5h1a.5.5 0 01.5.5v1a.5.5 0 01-.5.5h-1a.5.5 0 01-.5-.5v-1z'/%3E%3C/svg%3E") right 12px center/16px no-repeat;cursor:pointer}#api-log-pane .input-daterange input:focus{border-color:#2e66f6;-webkit-box-shadow:0 0 0 3px rgba(46,102,246,.12);box-shadow:0 0 0 3px rgba(46,102,246,.12);outline:none}#api-log-pane .input-daterange input::-webkit-input-placeholder{color:#a0b3cc}#api-log-pane .input-daterange input::-moz-placeholder{color:#a0b3cc}#api-log-pane .input-daterange input:-ms-input-placeholder{color:#a0b3cc}#api-log-pane .input-daterange input::-ms-input-placeholder{color:#a0b3cc}#api-log-pane .input-daterange input::placeholder{color:#a0b3cc}#api-log-pane .input-daterange .input-group-text{background:rgba(0,0,0,0);border:none;color:#5e7599;font-size:14px;font-weight:500;padding:0 8px}.datepicker{border:none;border-radius:12px;-webkit-box-shadow:0 12px 40px rgba(9,49,105,.16);box-shadow:0 12px 40px rgba(9,49,105,.16);padding:16px;font-size:14px;z-index:20000!important}.datepicker table{width:100%}.datepicker .datepicker-days thead tr:first-child th{color:#0f3d88;font-weight:600;font-size:15px;padding-bottom:12px}.datepicker .datepicker-days thead tr:first-child th:hover{background:#f5f9ff;border-radius:8px}.datepicker .datepicker-days thead tr:first-child .datepicker-switch{font-weight:700}.datepicker .dow{color:#6f84a8;font-weight:500;font-size:13px;padding:6px 0;border-bottom:1px solid #edf2fb}.datepicker .day{border-radius:8px;color:#26477a;-webkit-transition:all .15s;transition:all .15s;padding:8px 0;font-size:14px;width:38px;height:38px}.datepicker .day:hover{background:#eef4ff;color:#1247a7}.datepicker .day.active{background:#2e66f6!important;color:#fff!important;font-weight:600}.datepicker .day.today{background:#e9f0ff;color:#1247a7;font-weight:600}.datepicker .day.today.active{background:#2e66f6!important;color:#fff!important}.datepicker .day.new,.datepicker .day.old{color:#bcc8dd}.datepicker .day.disabled{color:#d5ddee;cursor:not-allowed}.datepicker .datepicker-months .month,.datepicker .datepicker-months .year,.datepicker .datepicker-years .month,.datepicker .datepicker-years .year{border-radius:8px;color:#26477a;padding:10px 6px;font-size:14px;-webkit-transition:all .15s;transition:all .15s}.datepicker .datepicker-months .month:hover,.datepicker .datepicker-months .year:hover,.datepicker .datepicker-years .month:hover,.datepicker .datepicker-years .year:hover{background:#eef4ff;color:#1247a7}.datepicker .datepicker-months .month.active,.datepicker .datepicker-months .year.active,.datepicker .datepicker-years .month.active,.datepicker .datepicker-years .year.active{background:#2e66f6!important;color:#fff!important;font-weight:600}.datepicker .datepicker-clear{font-size:13px;color:#5e7599;border-top:1px solid #edf2fb;padding:10px 0 0;margin-top:8px;text-align:center;cursor:pointer;-webkit-transition:color .15s;transition:color .15s}.datepicker .datepicker-clear:hover{color:#2e66f6}.log-query-loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:40px 0 20px;color:#26477a}.log-query-loading .spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#2e66f6;border-radius:50%;-webkit-animation:log-query-spin .7s linear infinite;animation:log-query-spin .7s linear infinite}.log-query-loading .spinner-text{margin-top:16px;font-size:15px;font-weight:500}.log-query-loading .spinner-sub{margin-top:6px;font-size:13px;color:#6f84a8}@-webkit-keyframes log-query-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes log-query-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#no-blacklist,#no-whitelist{border-radius:8px;background:#f8faff;border:1px dashed #d0ddf5!important;color:#5e7599;font-size:14px;padding:24px 20px;text-align:center}@media screen and (max-width:768px){.nav-tabs{overflow-x:auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.nav-tabs .nav-link{white-space:nowrap;padding:10px 14px;font-size:13px}#clothing-list .card{margin-bottom:8px}}