.ot-shell{display:grid;gap:16px;color:#0f172a}.ot-hero,.ot-card{background:#fff;border:1px solid #d8e1ec;border-radius:14px;padding:18px}.ot-hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#f8fafc,#eff6ff)}.ot-hero small,.ot-card-head small{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:#0f766e}.ot-hero h2,.ot-card-head h3{margin:4px 0;font-size:1.18rem}.ot-hero p{margin:3px 0 0;color:#64748b;font-size:.84rem}.ot-card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:14px}.ot-card-head>span{font-size:.78rem;color:#64748b}.ot-form-grid{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(300px,1.35fr) minmax(180px,.7fr) minmax(230px,1fr);gap:12px}.ot-form-grid label{display:grid;gap:5px}.ot-form-grid label.wide{grid-column:auto}.ot-form-grid span{font-size:.69rem;font-weight:800;text-transform:uppercase;color:#64748b}.ot-form-grid input{width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;font:inherit}.ot-form-grid input:focus{outline:2px solid #bfdbfe;border-color:#2563eb}.ot-files-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.ot-file-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px;border:1px dashed #94a3b8;border-radius:10px;background:#f8fafc}.ot-file-box strong{font-size:.82rem}.ot-file-box span{font-size:.74rem;color:#64748b}.ot-file-box button{grid-column:2;grid-row:1/3}.ot-form-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.ot-form-actions>span{font-size:.75rem;color:#64748b}.ot-table-wrap{overflow:auto}.ot-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem;white-space:nowrap}.ot-table th{background:#eff4fa;color:#334155;text-transform:uppercase;font-size:.66rem;letter-spacing:.03em;text-align:left;padding:10px;border-top:1px solid #d8e1ec;border-bottom:1px solid #d8e1ec}.ot-table th:first-child{border-left:1px solid #d8e1ec;border-radius:9px 0 0 0}.ot-table th:last-child{border-right:1px solid #d8e1ec;border-radius:0 9px 0 0}.ot-table td{padding:10px;border-bottom:1px solid #e2e8f0;vertical-align:middle}.ot-table td:nth-child(2){max-width:330px;overflow:hidden;text-overflow:ellipsis}.ot-table tbody tr:hover{background:#f8fafc}.ot-actions{display:flex;gap:4px}.ot-icon,.ot-photo-btn{border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:5px 7px;cursor:pointer}.ot-icon:hover,.ot-photo-btn:hover{background:#e0f2fe;border-color:#7dd3fc}.ot-icon.danger:hover{background:#fee2e2;border-color:#fca5a5}.ot-empty,.ot-loading{padding:34px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:10px}.ot-view-overlay{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.72);display:grid;place-items:center;padding:20px}.ot-view-modal{width:min(1050px,96vw);height:min(92vh,950px);background:#eef2f7;border-radius:14px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;box-shadow:0 24px 60px rgba(0,0,0,.3)}.ot-view-modal header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #cbd5e1;padding:14px 18px}.ot-view-modal header small{font-weight:800;color:#0f766e}.ot-view-modal header h3{margin:3px 0 0}.ot-view-modal header button{border:0;background:#e2e8f0;border-radius:50%;width:34px;height:34px;cursor:pointer}.ot-view-scroll{overflow:auto;padding:18px}.ot-view-scroll figure{margin:0 auto 18px;max-width:900px}.ot-view-scroll figcaption{font-size:.72rem;font-weight:700;color:#475569;margin-bottom:5px}.ot-view-scroll img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.14)}.ot-view-scroll h4{margin:24px 0 10px}.ot-view-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ot-view-photos figure{margin:0}.ot-view-photos img{aspect-ratio:4/3;object-fit:cover}@media(max-width:1100px){.ot-form-grid{grid-template-columns:1fr 1fr}.ot-files-grid{grid-template-columns:1fr}}@media(max-width:700px){.ot-hero,.ot-card-head,.ot-form-actions{align-items:flex-start;gap:12px;flex-direction:column}.ot-form-grid{grid-template-columns:1fr}.ot-files-grid{grid-template-columns:1fr}.ot-view-photos{grid-template-columns:1fr}.ot-table-wrap{overflow-x:auto}}