*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#18181b;background:#f4f4f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;flex-direction:column;gap:1.2rem;width:100%;max-width:360px;padding:2.5rem 2rem;display:flex;box-shadow:0 4px 24px #0000001a}.login-card h1{text-align:center;font-size:1.4rem;font-weight:700}.login-card p{color:#71717a;text-align:center;font-size:.85rem}input[type=text],input[type=password],input[type=search]{color:#18181b;background:#fff;border:1px solid #d4d4d8;border-radius:6px;outline:none;width:100%;padding:.55rem .75rem;font-size:.9rem;transition:border-color .15s}input:focus{border-color:#006937}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#006937}.btn-primary:hover:not(:disabled){background:#004f29}.btn-danger{color:#fff;background:#9a0c28}.btn-danger:hover:not(:disabled){background:#7a0920}.btn-ghost{color:#52525b;background:0 0;border:1px solid #d4d4d8}.btn-ghost:hover:not(:disabled){background:#f4f4f5}.btn-sm{padding:.3rem .7rem;font-size:.78rem}.btn-full{justify-content:center;width:100%}.app-header{color:#fff;z-index:10;background:#18181b;justify-content:space-between;align-items:center;gap:1rem;height:52px;padding:0 1.5rem;display:flex;position:sticky;top:0}.app-header h1{font-size:1rem;font-weight:700}.header-right{align-items:center;gap:.75rem;display:flex}.badge-count{color:#fff;background:#006937;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:700}.toolbar{background:#fff;border-bottom:1px solid #e4e4e7;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.search-wrap{flex:1;max-width:360px;position:relative}.search-wrap input{padding-left:2rem}.search-icon{color:#a1a1aa;pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.table-wrap{padding:1.5rem;overflow-x:auto}table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px 4px #00000012}thead{background:#f4f4f5}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#71717a;white-space:nowrap;padding:.65rem 1rem;font-size:.72rem;font-weight:700}td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #f4f4f5;max-width:200px;padding:.75rem 1rem;overflow:hidden}tr:hover td{background:#fafafa}.media-badge{text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.media-badge.photos{color:#1d4ed8;background:#dbeafe}.media-badge.video{color:#b45309;background:#fef3c7}.media-badge.both{color:#6d28d9;background:#ede9fe}.pagination{color:#71717a;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem 2rem;font-size:.85rem;display:flex}.modal-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:100%;max-width:760px;overflow:hidden;box-shadow:0 8px 40px #0003}.modal-header{background:#fafafa;border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-header h2{font-size:1rem;font-weight:700}.modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;display:grid}@media (width<=500px){.detail-grid{grid-template-columns:1fr}}.detail-item label{text-transform:uppercase;letter-spacing:.05em;color:#71717a;margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.detail-item p{color:#18181b;word-break:break-word;font-size:.9rem}.letter-box{white-space:pre-wrap;word-break:break-word;background:#f4f4f5;border-radius:8px;max-height:240px;padding:1rem;font-size:.9rem;line-height:1.7;overflow-y:auto}.media-section h3{text-transform:uppercase;letter-spacing:.05em;color:#71717a;margin-bottom:.75rem;font-size:.72rem;font-weight:700}.media-grid{flex-wrap:wrap;gap:.75rem;display:flex}.media-grid img{object-fit:cover;cursor:pointer;border:1px solid #e4e4e7;border-radius:6px;width:180px;height:130px;transition:opacity .15s}.media-grid img:hover{opacity:.85}.media-grid video{border:1px solid #e4e4e7;border-radius:6px;width:100%;max-width:420px}.media-loading{color:#a1a1aa;font-size:.85rem}.state-center{color:#71717a;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.error-msg{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.6rem .9rem;font-size:.85rem}