*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#000;background:#fff;font-family:system-ui,sans-serif}@keyframes spin{to{transform:rotate(360deg)}}.page{padding:32px}.page-header{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.page-header--list{flex-direction:row;align-items:baseline}.page-header h1{font-size:20px;font-weight:600}.page-count{color:#757575;font-size:13px}.toolbar{gap:8px;margin-bottom:16px;display:flex}.filter-select{appearance:none;cursor:pointer;color:#333;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ccc;border-radius:3px;min-width:160px;padding:6px 28px 6px 10px;font-family:inherit;font-size:13px}.filter-select:focus{border-color:#999;outline:none}.filter-select:hover{border-color:#aaa}.search-input{border:1px solid #ccc;border-radius:3px;width:240px;padding:6px 10px;font-family:inherit;font-size:13px}.search-input:focus{border-color:#999;outline:none}.table-wrap{position:relative}.table-loading{z-index:1;background:#ffffffb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loader{border:2px solid #ddd;border-top-color:#555;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}.table th,.table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:8px 12px}.table th{color:#333;background:#fafafa;font-weight:600}.table tr:hover td{background:#f5f5f5}.table-empty{color:#757575;text-align:center;padding:24px}.pagination{align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.page-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:3px;padding:5px 10px;font-family:inherit;font-size:13px}.page-btn:hover:not(:disabled){background:#f5f5f5}.page-btn:disabled{opacity:.4;cursor:default}.page-info{color:#555}.status{color:#555;padding:16px 0;font-size:13px}.status--error{color:#c00}.row-view-btn{color:#06c;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px 4px;display:flex}.row-view-btn:hover{color:#049;background:#e8f0fb}.row-link{color:#06c;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:underline}.row-link:hover{color:#049}.back-btn{color:#06c;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;text-decoration:underline}.back-btn:hover{color:#049}.detail-form{flex-direction:column;gap:16px;max-width:640px;margin-top:24px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-label{color:#333;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.form-input{border:1px solid #ccc;border-radius:3px;padding:6px 10px;font-family:inherit;font-size:13px}.form-input:focus{border-color:#999;outline:none}.form-input:disabled{color:#888;cursor:default;background:#f5f5f5}.form-related-link{color:#06c;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.form-related-link:hover{color:#049}.form-media-link{color:#06c;word-break:break-all;font-size:12px}.form-media-link:hover{color:#049}input[type=file].form-input{color:#888;cursor:not-allowed;padding:4px 6px}.form-field--checkbox{flex-direction:row;align-items:center;gap:8px}.form-field--checkbox .form-label{text-transform:none;letter-spacing:0;font-size:13px;font-weight:400}.inline-section{max-width:640px;margin-top:36px}.inline-section-title{text-transform:uppercase;letter-spacing:.4px;color:#333;border-bottom:1px solid #e0e0e0;margin-bottom:8px;padding-bottom:6px;font-size:12px;font-weight:600}.inline-table{table-layout:auto;font-size:13px}.inline-table th{color:#888;text-transform:uppercase;letter-spacing:.4px;background:0 0;padding:6px 10px;font-size:11px;font-weight:600}.inline-table td{white-space:nowrap;text-overflow:ellipsis;max-width:0;padding:7px 10px;overflow:hidden}.inline-table tr:last-child td{border-bottom:none}.app{height:100vh;display:flex}.sidebar{border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:220px;padding:24px 0;display:flex}.sidebar-logo{border-bottom:1px solid #e0e0e0;align-items:center;gap:10px;margin-bottom:0;padding:0 20px 24px;display:flex}.sidebar-logo-icon{width:28px;height:28px}.sidebar-logo-text{flex-direction:column;line-height:1.2;display:flex}.sidebar-logo-name{color:#000;font-size:14px;font-weight:600}.sidebar-logo-sub{color:#757575;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sidebar-nav{flex-direction:column;display:flex}.sidebar-nav-item{color:#333;cursor:pointer;padding:10px 20px;font-family:inherit;font-size:14px;text-decoration:none;display:block}.sidebar-nav-item:hover{background:#f5f5f5}.sidebar-nav-item--active{color:#000;background:#f0f0f0;font-weight:600}.main{flex:1;overflow-y:auto}