:root{
      --bg:#f0f0f0; --win:#ffffff; --text:#000000; --muted:#666666;
      --teal:#000080; --teal-d:#000060; --border:#cccccc; --shadow:#999999;
      --danger:#800000; --ok:#008000; --accent:#0000ff;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    body{margin:0;background:var(--bg);color:var(--text);font-family:'Times New Roman', Times, serif;line-height:1.4;font-size:13px}
    .chrome{max-width:1400px;margin:10px auto;padding:0 10px}
    
    .titlebar{background:#000080;color:#fff;border:2px solid #000000;padding:6px 10px;display:flex;gap:10px;align-items:center;margin-bottom:10px}
    .titlebar .logo{width:18px;height:18px;background:#fff;color:var(--teal);font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:1px solid #000000}
    .titlebar h1{font-size:16px;margin:0;letter-spacing:0;font-weight:700}
    .subtitle{color:#e0e0e0;font-size:11px}
    
    .window{background:var(--win);border:2px solid #808080;margin-bottom:10px;padding:6px}
    
    .grid-bottom{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}
    @media (max-width:900px){.grid-bottom{grid-template-columns:1fr}}
    
    .group{margin:0 0 6px;border:2px ridge #c0c0c0;background:#fff}
    .group:last-child{margin-bottom:0}
    .group .caption{background:#c0c0c0;border-bottom:2px groove #808080;padding:3px 6px;font-size:11px;color:var(--text);text-transform:uppercase;letter-spacing:0;font-weight:700}
    .group .body{padding:8px}
    
    label{font-size:12px;color:var(--text);display:block;margin-bottom:2px}
    
    .form-row{display:grid;gap:8px;grid-template-columns:2fr 2fr 1fr auto;align-items:end}
    @media (max-width:900px){.form-row{grid-template-columns:1fr}}
    
    .form-field{display:flex;flex-direction:column}
    .form-submit{justify-content:flex-end}
    
    .settings-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}
    @media (max-width:600px){.settings-grid{grid-template-columns:1fr}}
    
    .table-wrap{margin-top:8px;overflow-x:auto;border:1px solid #808080}
    input[type="text"],input[type="password"],input[type="number"]{width:100%;font-family:'Times New Roman', Times, serif;font-size:13px;color:var(--text);background:#fff;border:2px inset #808080;padding:4px 6px;outline:none}
    input:focus{border-color:#0000ff;border-style:solid}
    
    .btn{display:inline-block;font-size:12px;font-weight:400;color:#000;background:#c0c0c0;border:2px outset #808080;padding:4px 12px;cursor:pointer;font-family:'Times New Roman', Times, serif}
    .btn:hover{background:#d8d8d8}
    .btn:active{border-style:inset}
    .btn.ghost{color:#000;background:#e0e0e0;border:2px outset #808080}
    .btn.danger{background:#ffb0b0;border:2px outset #808080;color:#800000}
    
    .statusbar{margin-bottom:8px;font-size:12px;color:var(--text);display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;background:#f8f8f8;border:1px solid #d0d0d0}
    .chip{display:inline-block;background:#fff;border:1px solid #808080;padding:3px 8px;font-weight:400;font-size:12px}
    
    table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}
    th,td{padding:6px 8px;border:1px solid #808080;text-align:left}
    thead th{background:#c0c0c0;color:#000;text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:700;border:2px outset #808080}
    tbody tr{background:#fff}
    tbody tr:nth-child(even){background:#f5f5f5}
    tbody tr:hover{background:#e8e8ff}
    .right{text-align:right}
    .muted{color:#666}
    
    .iframe-wrap{border:2px inset #808080;background:#fff;min-height:400px;margin-top:8px}
    iframe{width:100%;height:400px;border:0;display:block;background:#fff}
    .empty{display:flex;align-items:center;justify-content:center;height:400px;color:#808080;font-size:12px;font-style:italic}
    
    .btnrow{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
    
    pre{background:#ffffff;color:#000000;font-size:10px;line-height:1.4;border:2px inset #808080;padding:8px;height:120px;overflow:auto;white-space:pre-wrap;font-family:'Courier New', Courier, monospace}
    
    .debug-container{background:var(--bg);margin-bottom:10px}
    .debug-container .window{margin-bottom:0}
    
    .error{color:var(--danger);font-size:11px;margin-top:4px;padding:4px;background:#ffe0e0;border:1px solid #ff8080}
    
    /* Admin page styles */
    .status-badge{display:inline-block;padding:2px 6px;font-size:10px;text-transform:uppercase;font-weight:700;border:1px solid #808080}
    .status-success{background:#90ee90;color:#006400}
    .status-error{background:#ffb0b0;color:#800000}
    .status-pending{background:#ffffb0;color:#806000}
    .btn-small{font-size:10px;padding:2px 6px;margin-right:2px;background:#c0c0c0;border:2px outset #808080;cursor:pointer;font-family:'Times New Roman', serif}
    .btn-small:hover{background:#d0d0d0}
    .btn-small:active{border-style:inset;background:#b0b0b0}
    code{font-family:'Courier New', Courier, monospace;background:#f0f0f0;padding:1px 3px;border:1px solid #d0d0d0;font-size:11px}

    /* Responsive adjustments */
    @media (max-width:600px){
      .chrome{margin:5px auto;padding:0 5px}
      .titlebar{padding:4px 6px}
      .titlebar h1{font-size:14px}
      .subtitle{font-size:10px;display:none}
      .form-row{grid-template-columns:1fr}
      .window{padding:4px}
      .group .body{padding:6px}
      .iframe-wrap{min-height:300px}
      .empty{height:300px}
      iframe{height:300px}
      pre{height:80px;font-size:9px}
      .statusbar{flex-direction:column;align-items:flex-start}
      .btnrow{width:100%}
      .btn{width:100%;text-align:center}
    }