.ot-page{padding:26px 30px}.ot-crumb{font-size:12px;color:#8b95a7;margin-bottom:18px}.ot-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.ot-head h1{margin:0;font-size:26px;color:#1f2937}.ot-head p{margin:7px 0 0;color:#7b8494;font-size:13px}.ot-context{min-width:160px;padding:12px 15px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.ot-context small{display:block;color:#9ca3af;font-size:10px;text-transform:uppercase}.ot-context b{font-size:13px}.ot-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e7eb;margin-bottom:18px}.ot-tabs button{border:0;background:transparent;padding:12px 16px;font-size:13px;color:#6b7280;cursor:pointer}.ot-tabs button.active{color:#2563eb;border-bottom:2px solid #2563eb;font-weight:600}.ot-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px}.ot-panel-head h2{margin:0;font-size:17px}.ot-panel-head p{margin:5px 0 16px;color:#8a93a3;font-size:12px}.ot-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px 14px;align-items:end}.ot-field{min-width:0}.ot-search-field{grid-column:span 1}.ot-field>label,.ot-form-field label{display:block;font-size:11px;font-weight:600;color:#5f6877;margin-bottom:6px}.ot-field input,.ot-field select,.ot-form-field input{height:34px;border:1px solid #d9dee7;border-radius:6px;padding:0 10px;font-size:12px;background:#fff;min-width:190px}.ot-filter-actions{display:flex;justify-content:flex-start;gap:8px;margin:14px 0 12px}.ot-filter-actions .btn{min-width:92px}.ot-toolbar{display:flex;justify-content:flex-end;margin:6px 0 10px}.ot-toolbar-actions{display:flex;gap:8px}.ot-attribute{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 12px;background:#f8fafc;border:1px solid #e7ebf1;border-radius:7px;margin:8px 0 12px;font-size:11px;color:#596273}.ot-attribute>span{font-weight:700;margin-right:3px}.ot-columns{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:7px;margin-bottom:10px}.ot-columns label{font-size:11px}.ot-table-wrap{overflow:auto;border:1px solid #e6e9ef;border-radius:7px}.ot-table-wrap .data-table{min-width:1200px}.ot-table-wrap th{white-space:nowrap}.ot-table-wrap td{white-space:nowrap;font-size:11px}.ot-action{position:relative}.ot-action-menu{display:none;position:absolute;z-index:20;left:0;top:26px;background:#fff;border:1px solid #ddd;border-radius:7px;box-shadow:0 8px 20px rgba(0,0,0,.1);min-width:105px}.ot-action-menu.show{display:block}.ot-action-menu button{display:block;width:100%;border:0;background:#fff;padding:8px 10px;text-align:left;font-size:11px;cursor:pointer}.ot-action-menu button:hover{background:#f3f6fa}.ot-action-menu .danger{color:#dc2626}.ot-foot{padding-top:10px;color:#7b8494;font-size:11px;display:flex;justify-content:space-between}.ot-modal{position:fixed;inset:0;background:rgba(15,23,42,.38);display:flex;align-items:center;justify-content:center;z-index:1000}.ot-modal-card{width:min(850px,94vw);background:#fff;border-radius:12px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.ot-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ot-modal-head h3{margin:0;font-size:16px}.ot-modal-head button{border:0;background:transparent;font-size:22px;cursor:pointer}.ot-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ot-form-field input{width:100%;box-sizing:border-box}.ot-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:1100px){.ot-filter-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}}@media(max-width:800px){.ot-page{padding:18px}.ot-head{display:block}.ot-context{margin-top:12px}.ot-form-grid{grid-template-columns:1fr}.ot-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ot-field{margin-bottom:0}.ot-field input,.ot-field select{width:100%;box-sizing:border-box}}@media(max-width:560px){.ot-filter-grid{grid-template-columns:1fr}}

.ot-config-form{padding:0}.ot-config-head{display:flex;align-items:flex-start;margin-bottom:14px}.ot-config-head>div{display:flex;align-items:center;gap:14px}.ot-config-head h2{margin:0;font-size:18px;color:#1f2937}.ot-config-head p{margin:4px 0 0;color:#8a93a3;font-size:12px}.ot-config-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.ot-config-card .ot-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ot-config-card .ot-form-field select{width:100%;height:34px;border:1px solid #d9dee7;border-radius:6px;padding:0 10px;font-size:12px;background:#fff;box-sizing:border-box}.ot-config-card .ot-form-field textarea{width:100%;min-height:80px;border:1px solid #d9dee7;border-radius:6px;padding:9px 10px;font-size:12px;box-sizing:border-box;resize:vertical}.ot-form-wide{grid-column:1/-1}.ot-config-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid #edf0f4}@media(max-width:800px){.ot-config-card .ot-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ot-config-card .ot-form-grid{grid-template-columns:1fr}.ot-config-head>div{align-items:flex-start}}