body { background-color: #020a13; color: #f2f8ff; min-height: 100vh; }
    main { max-width: 1200px; margin: 2rem auto; padding: 0 1.5rem 4rem; }
    header { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 1.5rem 0; max-width: 1200px; margin: 0 auto; }
    header h1 { font-size: 1.8rem; margin: 0; }
    .tab-bar { display:flex; align-items:center; gap:0.5rem; margin-top:1.5rem; border-bottom:1px solid rgba(255,255,255,0.08); padding:0 1.5rem; max-width:1200px; margin-left:auto; margin-right:auto; }
    .tab-buttons { display:flex; gap:0.6rem; }
    .tab-button { background:transparent; border:1px solid transparent; color:#a9c4ff; border-radius:999px; padding:0.5rem 1.1rem; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; cursor:pointer; transition:all 0.2s ease; font-size:0.82rem; }
    .tab-button:hover { color:#fff; border-color:rgba(255,255,255,0.2); }
    .tab-button.active { background:linear-gradient(135deg,#1a9af7,#6c4bff); color:#fff; box-shadow:0 12px 30px rgba(40,120,255,0.35); }
    .panel-grid { display:grid; grid-template-columns:1fr; gap:1.5rem; align-items:flex-start; margin-top:1.75rem; }
    .panel-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); gap:1.5rem; }
    .card-wide { grid-column: 1 / -1; }
    .panel-grid[hidden] { display:none !important; }
    .card { background: rgba(7, 20, 32, 0.85); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; padding: 1.5rem; box-shadow: 0 16px 40px rgba(4,12,22,0.45); max-height: 90vh; overflow-y: auto; }
    .card h2 { margin-top: 0; font-size: 1.4rem; }
    .grid-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.6rem 1.2rem; margin-bottom: 1rem; }
    .grid-info div { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.04); border-radius: 12px; padding: 0.75rem; font-size: 0.95rem; }
    .table-container { overflow-x: auto; margin-top: 0.75rem; border-radius: 12px; border: 1px solid rgba(255,255,255,0.08); }
    .data-table { width: 100%; min-width: 800px; border-collapse: collapse; font-size: 0.88rem; }
    .data-table th, .data-table td { border: 1px solid rgba(255,255,255,0.08); padding: 0.55rem 0.6rem; text-align: left; }
    .data-table th { background: rgba(255,255,255,0.06); text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.75rem; color: #dbe8ff; position: sticky; top: 0; z-index: 1; }
    .data-table tr:nth-child(even) { background: rgba(255,255,255,0.03); }
    .data-table code { font-size: 0.75rem; word-break: break-all; }
    .table-container::-webkit-scrollbar { height: 8px; }
    .table-container::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 4px; }
    .table-container::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 4px; }
    .table-container::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.25); }
    .card::-webkit-scrollbar { width: 8px; }
    .card::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 4px; }
    .card::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 4px; }
    .card::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.25); }
    .label { display: block; font-size: 0.8rem; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(204,229,255,0.75); margin-bottom: 0.25rem; }
    form { margin-top: 1rem; display: grid; gap: 0.75rem; }
    form .field { display: grid; gap: 0.35rem; }
    .forms-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.25rem; margin-top: 1rem; }
    .form-compact { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; align-items: end; }
    .form-compact input, .form-compact select { margin: 0; }
    .form-compact button { white-space: nowrap; }
    input, select, textarea { background: rgba(3, 14, 24, 0.85); border: 1px solid rgba(255,255,255,0.12); color: #f2f8ff; border-radius: 10px; padding: 0.6rem 0.8rem; resize: vertical; }
    textarea { min-height: 80px; }
    button { cursor: pointer; border: none; padding: 0.65rem 1.1rem; border-radius: 999px; font-weight: 600; letter-spacing: 0.02em; transition: transform 0.2s ease, box-shadow 0.2s ease; }
    button.btn-primary { background: linear-gradient(135deg, #1a9af7, #6c4bff); color: #fff; }
    button.btn-outline { background: transparent; border: 1px solid rgba(255,255,255,0.25); color: #e2edff; }
    button:disabled { opacity: 0.45; cursor: not-allowed; }
    button:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(24,100,255,0.25); }
    .actions-row { display: flex; gap: 0.65rem; flex-wrap: wrap; margin-top: 0.75rem; }
    .status-line { margin-top: 0.75rem; font-size: 0.85rem; color: #94c2ff; min-height: 1.1rem; }
    .owner-warning { color: #f39d6b; font-size: 0.88rem; margin-top: 0.3rem; }
    .sleeve-list { margin: 1rem 0 0; padding: 0; list-style: none; display: grid; gap: 0.65rem; }
    .sleeve-item { border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 0.75rem; background: rgba(4,16,28,0.7); font-size: 0.9rem; }
    .sleeve-item code { font-size: 0.82rem; }
    .tag { display: inline-flex; align-items: center; gap: 0.35rem; background: rgba(99, 124, 255, 0.25); color: #cfd8ff; padding: 0.1rem 0.55rem; border-radius: 999px; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }
    .section-heading { margin-top: 1.5rem; font-size: 1.05rem; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(190,210,255,0.85); }
    .hint { font-size: 0.8rem; color: rgba(160, 200, 255, 0.7); }
    .hint.is-warning { color: #f39d6b; }
    @media (max-width:900px){
      .panel-row { grid-template-columns: 1fr; }
      .forms-grid { grid-template-columns: 1fr; }
    }
    @media (max-width:700px){
      .actions-row { flex-direction: column; }
      .actions-row button { width: 100%; }
    }
    .data-table { width:100%; border-collapse:collapse; margin-top:0.75rem; font-size:0.88rem; }
    .data-table th, .data-table td { border:1px solid rgba(255,255,255,0.08); padding:0.55rem 0.6rem; text-align:left; }
    .data-table th { background:rgba(255,255,255,0.06); text-transform:uppercase; letter-spacing:0.06em; font-size:0.75rem; color:#dbe8ff; }
    .data-table tr:nth-child(even) { background:rgba(255,255,255,0.03); }
    @media (max-width: 720px) {
      header { flex-direction: column; gap: 1rem; align-items: flex-start; }
      .actions-row { flex-direction: column; }
      .panel-grid { grid-template-columns:1fr; }
    }