.gissocam-app-wrapper{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;}
.gissocam-hero{background:#0b1220;color:#fff;padding:22px 0;margin-bottom:16px;}
.gissocam-hero__inner{max-width:1100px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:6px;}
.gissocam-hero__title{font-size:26px;font-weight:800;letter-spacing:.2px;}
.gissocam-hero__subtitle{opacity:.85;}
.gissocam-container{max-width:1100px;margin:0 auto;padding:0 16px 40px;}

.gissocam-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:14px;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.04);}
.gissocam-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.gissocam-row > *{flex:1 1 220px;}
.gissocam-row .is-tight{flex:0 0 auto;}

.gissocam-h1{font-size:20px;font-weight:800;margin:0 0 10px;}
.gissocam-muted{opacity:.7;font-size:13px;}
.gissocam-tabs{display:flex;gap:10px;margin:0 0 14px;}
.gissocam-tab{border:1px solid rgba(0,0,0,.12);padding:8px 12px;border-radius:999px;background:#fff;cursor:pointer;}
.gissocam-tab.is-active{background:#0b1220;color:#fff;border-color:#0b1220;}

.gissocam-input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.14);border-radius:10px;}
.gissocam-btn{padding:10px 12px;border:1px solid rgba(0,0,0,.14);border-radius:10px;background:#0b1220;color:#fff;cursor:pointer;}
.gissocam-btn.secondary{background:#fff;color:#0b1220;}
.gissocam-btn.danger{background:#7b1020;border-color:#7b1020;}
.gissocam-btn:disabled{opacity:.5;cursor:not-allowed;}

.gissocam-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;}
.gissocam-cam-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden;background:#fff;}
.gissocam-cam-head{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;gap:8px;}
.gissocam-cam-title{font-weight:800;}
.gissocam-cam-body{background:#000;}
.gissocam-cam-body iframe{width:100%;height:220px;border:0;display:block;background:#000;}
.gissocam-cam-body img{width:100%;height:220px;object-fit:cover;display:block;}

.gissocam-toast{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(11,18,32,.06);}