*{box-sizing:border-box;margin:0;padding:0;}

    header{background:var(--df-bg-elevated);border-bottom:1px solid var(--df-border);
      padding:10px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;gap:12px;}
    .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem;}
    .logo-icon{width:36px;height:36px;border-radius:var(--df-radius-md);background:var(--df-brand);
      display:flex;align-items:center;justify-content:center;font-size:17px;}
    .hdr-right{display:flex;align-items:center;gap:10px;font-size:.83rem;color:var(--muted);}
    .btn-logout{background:rgba(255,80,80,.15);border:1px solid rgba(255,80,80,.3);color:#ffaaaa;
      padding:6px 13px;border-radius:8px;cursor:pointer;font-size:.8rem;}
    .btn-logout:hover{opacity:.8;}
    main{max-width:1200px;margin:32px auto;padding:0 20px 60px;}
    h2{font-size:1.2rem;font-weight:700;margin-bottom:20px;}
    .card{background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-radius-xl);box-shadow:0 1px 2px rgba(0,0,0,.2);padding:26px 26px 20px 26px;margin-bottom:24px;}
    .card-title{font-size:.92rem;font-weight:700;color:var(--sub);margin-bottom:18px;}
    .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
    .grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
    .frow{margin-bottom:0;}
    label{display:block;font-size:.76rem;color:var(--muted);margin-bottom:5px;}
    input,select{width:100%;padding:9px 12px;background:rgba(255,255,255,.05);border:1px solid var(--line);
      border-radius:10px;color:var(--text);font-size:.88rem;outline:none;transition:border-color .2s;}
    input:focus,select:focus{border-color:var(--df-primary);box-shadow:0 0 0 3px var(--df-primary-ring);}
    input::placeholder{color:rgba(205,216,255,.35);}
    select option{background:var(--card);}
    .actions{margin-top:16px;display:flex;align-items:center;gap:10px;}
    /* Butoane — consistent cu restul aplicatiei */
    .btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:rgba(120,160,255,.22);border:1px solid rgba(120,160,255,.45);color:#e9eefc;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:filter .15s,transform .1s;text-decoration:none;}
    .btn:hover{filter:brightness(1.08);transform:translateY(-1px);}
    .btn:active{transform:scale(.97);}
    .btn.active{background:rgba(120,160,255,.35);border-color:rgba(120,160,255,.7);font-weight:600;}
    .btn.secondary{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--sub);}
    .btn.secondary:hover{background:rgba(255,255,255,.13);filter:none;}
    .btn.danger{background:rgba(255,80,80,.15);border:1px solid rgba(255,80,80,.28);color:#ffaaaa;}
    .btn.danger:hover{background:rgba(255,80,80,.25);filter:none;}
    /* Clase vechi pastrate pentru compatibilitate */
    .btn-p{background:var(--df-primary);color:#fff;border:1px solid var(--df-primary);}
    .btn-p:hover{background:var(--df-primary-2);border-color:var(--df-primary-2);}
    .btn-s{background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--sub);}
    .btn-s:hover{background:rgba(255,255,255,.13);}
    .btn-d{background:rgba(255,80,80,.15);border:1px solid rgba(255,80,80,.28);color:#ffaaaa;}
    .btn-d:hover{background:rgba(255,80,80,.25);}
    .btn-w{background:rgba(255,180,50,.15);border:1px solid rgba(255,180,50,.3);color:#ffd580;}
    .btn-w:hover{background:rgba(255,180,50,.25);}
    .btn-sm{padding:5px 10px;font-size:.76rem;}
    .msg{font-size:.82rem;padding:7px 12px;border-radius:8px;}
    .msg.ok{background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.28);color:#7cf0e0;}
    .msg.err{background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.28);color:#ffb3b3;}
    .tbl-wrap{overflow-x:auto; padding-bottom:8px; margin-bottom:0;}
    .pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap;}
    .pg-btn{padding:5px 12px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--sub);font-size:.82rem;cursor:pointer;}
    .pg-btn:hover{background:var(--df-primary-bg);border-color:var(--df-primary-bd);}
    .pg-btn.active{background:var(--df-primary);color:#fff;border-color:var(--df-primary);font-weight:600;}
    .pg-btn:disabled{opacity:.35;cursor:default;}
    .pg-info{font-size:.8rem;color:var(--muted);margin:0 6px;}
    table{width:100%;border-collapse:collapse;font-size:.82rem;}
    th{text-align:left;font-size:.70rem;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    td{padding:8px 8px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    /* Coloane auto-size */
    table{table-layout:auto;width:auto;min-width:100%;}
    th,td{white-space:nowrap;}
    tr:last-child td{border-bottom:none;}
    tr:hover td{background:rgba(255,255,255,.015);}
    .pill{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.71rem;font-weight:700;}
    .pill.admin{background:rgba(124,92,255,.25);color:#c4b0ff;}
    .pill.org_admin{background:rgba(255,180,50,.2);color:#ffd580;border:1px solid rgba(255,180,50,.3);}
    .pill.user{background:rgba(45,212,191,.18);color:#7cf0e0;}
    .pwd{font-family:monospace;background:rgba(255,180,50,.1);border:1px solid rgba(255,180,50,.22);
      padding:2px 8px;border-radius:6px;color:#ffd580;font-size:.84rem;letter-spacing:.03em;
      white-space:nowrap;display:inline-block;max-width:100%;}
    .empty{text-align:center;color:var(--muted);padding:32px;}
    .spin{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.2);
      border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;}
    @keyframes sp{to{transform:rotate(360deg);}}
    .th-filter{width:100%;margin-top:5px;padding:4px 7px;background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.12);border-radius:7px;color:var(--text);
      font-size:.72rem;outline:none;box-sizing:border-box;}
    .th-filter:focus{border-color:var(--df-primary);}
    .th-filter::placeholder{color:rgba(157,176,255,.4);}
    .modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:200;align-items:center;justify-content:center;}
    .modal-bg.open{display:flex;}
    .modal{background:var(--df-surface);border:1px solid var(--df-border);border-radius:var(--df-radius-xl);padding:32px;width:100%;max-width:920px;box-shadow:0 8px 24px rgba(0,0,0,.35);}
    .modal h3{font-size:.95rem;font-weight:700;color:var(--sub);margin-bottom:18px;}
    .modal .frow{margin-bottom:12px;}
    .modal-acts{margin-top:18px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;}