:root{
      --bg:#05070b;
      --bg2:#0a1220;
      --panel:#08111d;
      --panel2:#0c1828;
      --border:rgba(203,163,92,.42);
      --gold:#d6b277;
      --gold-soft:#a88a57;
      --muted:#bac2cc;
      --muted2:#8693a5;
      --red:#7c1e20;
      --red2:#a33a3e;
      --success:#8cbf93;
      --shadow:0 12px 40px rgba(0,0,0,.48);
      --radius:20px;
      --radius-sm:14px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: Georgia, "Times New Roman", serif;
      color:#f0e7d6;
      background:
        radial-gradient(circle at top, rgba(110,80,34,.18), transparent 22%),
        radial-gradient(circle at bottom right, rgba(122,23,28,.16), transparent 25%),
        linear-gradient(180deg,#04070c 0%,#050910 38%,#030508 100%);
      overflow-x:hidden;
    }
    body::before{
      content:"";
      position:fixed; inset:0;
      background:
        radial-gradient(circle at 10% 20%, rgba(255,214,149,.05), transparent 14%),
        radial-gradient(circle at 85% 15%, rgba(255,214,149,.04), transparent 12%),
        radial-gradient(circle at 50% 80%, rgba(131,22,27,.05), transparent 20%);
      pointer-events:none;
      mix-blend-mode:screen;
      opacity:.8;
    }
    .hidden{display:none !important}

    /* Boot */
    .boot-screen{
      position:fixed; inset:0; z-index:90;
      display:flex; align-items:center; justify-content:center;
      background:
        linear-gradient(rgba(2,4,8,.78), rgba(2,4,8,.84)),
        url('./assets/login-concept.png') center/cover no-repeat;
      transition:opacity .8s ease, visibility .8s ease;
    }
    .boot-screen.fade-out{opacity:0; visibility:hidden}
    .boot-box{
      width:min(92vw,720px);
      border:1px solid var(--border);
      background:linear-gradient(180deg, rgba(8,16,28,.94), rgba(6,10,18,.94));
      border-radius:28px;
      padding:40px 34px;
      box-shadow:var(--shadow);
      text-align:center;
      backdrop-filter: blur(6px);
      position:relative;
      overflow:hidden;
    }
    .boot-box::before,.boot-box::after,.ornament::before,.ornament::after{
      content:""; position:absolute; width:22px; height:22px; border:1px solid rgba(214,178,119,.45);
    }
    .boot-box::before{left:12px; top:12px; border-right:none; border-bottom:none}
    .boot-box::after{right:12px; bottom:12px; border-left:none; border-top:none}
    .ornament::before{right:12px; top:12px; border-left:none; border-bottom:none}
    .ornament::after{left:12px; bottom:12px; border-right:none; border-top:none}
    .sigil{
      width:96px;height:96px;border-radius:50%; margin:0 auto 20px;
      border:1px solid rgba(214,178,119,.55);
      display:grid; place-items:center;
      box-shadow:0 0 0 10px rgba(214,178,119,.05), inset 0 0 30px rgba(214,178,119,.08);
      position:relative;
      font-size:38px;
      color:var(--gold);
    }
    .sigil::before,.sigil::after{
      content:""; position:absolute; inset:8px; border:1px solid rgba(214,178,119,.18); border-radius:50%;
    }
    .eyeline{font-size:14px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted2); margin-bottom:14px}
    .boot-title,.title-main{font-size:clamp(36px,6vw,66px); letter-spacing:.03em; color:#e8c991; margin:0 0 16px; font-weight:500}
    .boot-text{font-size:18px; line-height:1.7; color:#d4d0c8; max-width:560px; margin:0 auto 24px}
    .motto{font-size:15px; letter-spacing:.28em; color:#a78a5f; text-transform:uppercase; margin:22px 0}
    .loader{
      margin:0 auto 24px; width:min(520px,100%); height:8px; border-radius:999px; overflow:hidden;
      background:rgba(255,255,255,.08); border:1px solid rgba(214,178,119,.22);
    }
    .loader > span{display:block; width:0; height:100%; background:linear-gradient(90deg,#5d1016,#9e3438,#ddb67a); animation:load 3.4s ease-in-out forwards}
    @keyframes load{0%{width:0} 100%{width:100%}}
    .boot-actions{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}

    /* Generic */
    .btn,.secondary-btn,.ghost-btn{
      appearance:none; border:none; cursor:pointer; font:inherit;
      padding:14px 22px; border-radius:14px; transition:.25s ease;
      letter-spacing:.04em;
    }
    .btn{
      color:#f5e9d0;
      background:linear-gradient(180deg,#933337,#6b181c);
      border:1px solid rgba(233,190,122,.34);
      box-shadow:0 8px 24px rgba(87,13,18,.32), inset 0 1px 0 rgba(255,255,255,.08);
    }
    .btn:hover{transform:translateY(-1px); filter:brightness(1.06)}
    .secondary-btn,.ghost-btn{
      color:#e4c489;
      background:rgba(9,16,27,.7);
      border:1px solid rgba(214,178,119,.28);
    }
    .secondary-btn:hover,.ghost-btn:hover{background:rgba(14,22,35,.96)}
    .tag{display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; border:1px solid rgba(214,178,119,.2); color:var(--gold); background:rgba(255,255,255,.03); font-size:13px}
    .muted{color:var(--muted)}
    .soft{color:var(--muted2)}
    .divider{height:1px; background:linear-gradient(90deg,transparent, rgba(214,178,119,.35), transparent); margin:18px 0}
    .grid{display:grid; gap:20px}

    /* Login section */
    .login-scene{
      min-height:100vh;
      position:relative;
      background:
        linear-gradient(180deg, rgba(2,6,12,.78), rgba(2,6,12,.9)),
        url('./assets/login-concept.png') center/cover no-repeat;
      padding:36px;
      display:grid;
      place-items:center;
    }
    .login-scene::before{
      content:""; position:absolute; inset:0;
      background:radial-gradient(circle at center, transparent 0%, rgba(2,6,12,.22) 55%, rgba(2,6,12,.74) 100%);
      pointer-events:none;
    }
    .login-layout{
      position:relative; z-index:2;
      width:min(1340px,100%);
      display:grid;
      grid-template-columns:1fr minmax(420px,540px) 320px;
      gap:24px;
      align-items:center;
    }
    .side-prop,.login-card,.sound-card{position:relative; overflow:hidden; border:1px solid var(--border); box-shadow:var(--shadow)}
    .side-prop,.sound-card,.panel,.sidebar,.topbar,.mobile-dock{backdrop-filter: blur(8px)}
    .side-prop{
      min-height:650px; border-radius:26px;
      background:linear-gradient(180deg, rgba(6,11,18,.35), rgba(6,11,18,.88));
      padding:28px; display:flex; flex-direction:column; justify-content:space-between;
    }
    .side-prop::before{content:""; position:absolute; inset:0; background:url('./assets/login-concept.png') left center/cover no-repeat; opacity:.20; filter:grayscale(.2) blur(1px)}
    .side-prop > *{position:relative; z-index:1}
    .quote-card{
      border:1px solid rgba(214,178,119,.26); border-radius:20px; padding:20px;
      background:linear-gradient(180deg, rgba(14,20,30,.78), rgba(8,13,22,.9));
    }
    .quote-card h3{margin:0 0 10px; color:#e3c28a; font-size:26px; font-weight:500}
    .quote-card p{margin:0; line-height:1.72; color:#dbd3c8}
    .big-key{font-size:90px; line-height:1; opacity:.9; color:rgba(214,178,119,.92)}
    .login-card{
      border-radius:30px;
      background:linear-gradient(180deg, rgba(9,16,28,.95), rgba(5,10,19,.96));
      padding:34px;
    }
    .login-card .title-main{font-size:clamp(34px,5vw,58px); margin-bottom:8px; text-align:center}
    .login-sub{
      max-width:420px; margin:0 auto 22px; text-align:center; line-height:1.75; color:#d3ccbf; font-size:18px;
    }
    .login-form{display:grid; gap:14px}
    label{display:block; font-size:14px; color:#bc9a61; letter-spacing:.16em; text-transform:uppercase; margin-bottom:8px}
    .input-wrap{position:relative}
    input,textarea{
      width:100%; border-radius:14px; outline:none; border:1px solid rgba(214,178,119,.25);
      background:rgba(13,21,34,.96); color:#f3ecdf; padding:16px 50px 16px 16px; font-size:17px;
      font-family:inherit; transition:border-color .2s ease, box-shadow .2s ease;
    }
    textarea{min-height:120px; resize:vertical}
    input:focus,textarea:focus{border-color:rgba(214,178,119,.55); box-shadow:0 0 0 4px rgba(214,178,119,.08)}
    .input-icon{position:absolute; right:14px; top:50%; transform:translateY(-50%); color:#af9163; font-size:18px}
    .login-actions{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:8px}
    .notice{font-size:15px; text-align:center; color:#c8c0b4; margin-top:8px}
    .sound-card{
      border-radius:24px; background:linear-gradient(180deg, rgba(9,16,28,.94), rgba(5,10,18,.96));
      padding:28px; align-self:center;
    }
    .sound-card h3{margin:0 0 8px; font-size:34px; color:#e4c68f; font-weight:500}
    .sound-card p{margin:0 0 16px; color:#d4cec1; line-height:1.7}
    .sound-options{display:grid; gap:12px}
    .sound-choice{
      border:1px solid rgba(214,178,119,.24); background:rgba(8,14,24,.84); color:#efe1c4;
      border-radius:16px; padding:16px; cursor:pointer; transition:.2s ease;
    }
    .sound-choice strong{display:block; font-size:17px; color:#e5c789; margin-bottom:5px}
    .sound-choice span{color:#c5c0b5; font-size:14px}
    .sound-choice.active,.sound-choice:hover{border-color:rgba(214,178,119,.56); background:rgba(15,21,34,.96)}

    /* Dashboard */
    .dashboard{
      min-height:100vh;
      position:relative;
      padding:22px;
      background:
        linear-gradient(180deg, rgba(2,6,12,.93), rgba(2,6,12,.96)),
        url('./assets/dashboard-concept.png') center/cover no-repeat fixed;
    }
    .dashboard::before{
      content:""; position:absolute; inset:0; background:rgba(2,6,12,.52); pointer-events:none;
    }
    .dashboard-shell{position:relative; z-index:1; display:grid; grid-template-columns:280px 1fr; gap:20px; max-width:1600px; margin:0 auto}
    .sidebar{
      border:1px solid var(--border); border-radius:26px; padding:22px; background:linear-gradient(180deg, rgba(8,14,24,.94), rgba(4,8,15,.95));
      height:calc(100vh - 44px); position:sticky; top:22px; overflow:auto;
    }
    .brand{text-align:center; padding-bottom:16px}
    .brand .sigil{width:86px; height:86px; font-size:34px; margin-bottom:14px}
    .brand .title{font-size:36px; color:#e7c78e; margin:0}
    .brand .subtitle{font-size:13px; color:#9e8458; letter-spacing:.24em; text-transform:uppercase; margin-top:6px}
    .nav-list{list-style:none; padding:0; margin:18px 0; display:grid; gap:8px}
    .nav-item a{
      display:flex; align-items:center; gap:12px; text-decoration:none; color:#e7dbc5; padding:14px 14px; border-radius:14px;
      border:1px solid transparent; background:rgba(255,255,255,.02); transition:.2s ease;
    }
    .nav-item a:hover,.nav-item.active a{background:linear-gradient(180deg, rgba(129,32,38,.28), rgba(49,12,18,.34)); border-color:rgba(214,178,119,.26)}
    .nav-icon{width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:rgba(214,178,119,.08); color:#ddb980; font-size:15px}
    .quote-mini{margin-top:18px; border:1px solid rgba(214,178,119,.24); border-radius:18px; padding:18px; background:linear-gradient(180deg, rgba(14,20,30,.8), rgba(8,12,20,.9))}
    .quote-mini p{line-height:1.7; color:#e0d7c8; margin:0 0 10px}
    .quote-mini strong{color:#b69158; font-weight:normal}

    .main-zone{display:grid; gap:18px; min-width:0}
    .topbar{
      border:1px solid var(--border); border-radius:22px; padding:16px 18px; background:linear-gradient(180deg, rgba(8,14,24,.94), rgba(4,8,15,.95));
      display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
    }
    .search{position:relative; flex:1; min-width:280px}
    .search input{padding-right:46px}
    .top-actions{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
    .circle-icon{width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.03); border:1px solid rgba(214,178,119,.2); position:relative}
    .badge{
      position:absolute; top:-4px; right:-2px; min-width:18px; height:18px; padding:0 5px;
      border-radius:999px; background:#9b3035; color:#fff; font-size:11px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.15)
    }
    .user-chip{display:flex; align-items:center; gap:12px; padding:6px 10px; border:1px solid rgba(214,178,119,.18); border-radius:999px; background:rgba(255,255,255,.02)}
    .avatar{width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 30% 30%, #71552e, #21180d); border:1px solid rgba(214,178,119,.35)}
    .content-grid{display:grid; grid-template-columns:minmax(0,1.55fr) 360px; gap:18px}
    .content-left{display:grid; gap:18px; min-width:0}
    .right-column{display:grid; gap:18px}
    .panel{
      border:1px solid var(--border); border-radius:24px; background:linear-gradient(180deg, rgba(8,14,24,.95), rgba(4,8,15,.96));
      padding:18px; box-shadow:var(--shadow);
      min-width:0;
    }
    .panel-title{font-size:16px; letter-spacing:.16em; text-transform:uppercase; color:#b89358; margin:0 0 14px}
    .hero{display:grid; grid-template-columns:320px 1fr 330px; gap:18px}
    .hero-art{
      min-height:260px; border-radius:18px; overflow:hidden; position:relative;
      background:linear-gradient(rgba(3,7,13,.3), rgba(3,7,13,.55)), url('./assets/dashboard-concept.png') left center/cover no-repeat;
      border:1px solid rgba(214,178,119,.2)
    }
    .hero-main h1{margin:6px 0 10px; font-size:56px; font-weight:500; color:#e8ca90; line-height:1.02}
    .hero-main p{margin:0; color:#d5cec1; line-height:1.72; font-size:18px}
    .mission-box{
      margin-top:16px; padding:16px; border:1px solid rgba(214,178,119,.22); border-radius:18px; background:rgba(255,255,255,.02)
    }
    .mission-box h4,.founders h4{margin:0 0 8px; font-size:16px; letter-spacing:.14em; text-transform:uppercase; color:#bc985e}
    .progress{height:8px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.06); border:1px solid rgba(214,178,119,.16); margin-top:12px}
    .progress span{display:block; height:100%; width:37%; background:linear-gradient(90deg, #6e1a20, #b03e42, #ddb67a)}
    .founders{
      border:1px solid rgba(214,178,119,.22); border-radius:18px; padding:16px; background:rgba(255,255,255,.02)
    }
    .founder-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
    .founder-card{text-align:center; padding:8px}
    .portrait{
      width:110px; height:110px; border-radius:50%; margin:0 auto 12px; border:1px solid rgba(214,178,119,.35);
      display:grid; place-items:center; background:radial-gradient(circle at 40% 30%, #7d5d34 0%, #1a1d26 40%, #090d14 100%); font-size:34px; color:#e7c88d;
      box-shadow:inset 0 0 28px rgba(214,178,119,.12)
    }
    .founder-card strong{display:block; color:#e7c88d; font-size:20px; margin-bottom:4px}
    .founder-card span{color:#b7996a; font-size:13px; letter-spacing:.16em; text-transform:uppercase}
    .section-two{display:grid; grid-template-columns:310px minmax(0,1fr) 240px; gap:18px}
    .rooms-list{display:grid; gap:10px}
    .room-item{
      display:flex; align-items:center; justify-content:space-between; padding:13px 14px;
      border-radius:14px; border:1px solid rgba(214,178,119,.18); background:rgba(255,255,255,.02); color:#eee2ca
    }
    .room-item span:last-child{color:#bd9a60}
    .sanctum-map{
      min-height:340px; border:1px solid rgba(214,178,119,.2); border-radius:18px; position:relative; overflow:hidden;
      background:
        radial-gradient(circle at center, rgba(214,178,119,.10), transparent 22%),
        linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.38)),
        url('./assets/dashboard-concept.png') center/cover no-repeat;
    }
    .map-room{
      position:absolute; padding:10px 12px; border-radius:12px; border:1px solid rgba(214,178,119,.34);
      background:rgba(9,15,24,.84); color:#e5d8c0; font-size:14px; text-align:center; min-width:112px
    }
    .m1{left:26px; top:24px}.m2{left:26px; top:140px}.m3{left:28px; bottom:28px}.m4{left:50%; transform:translateX(-50%); top:24px}.m5{right:22px; top:68px}.m6{right:22px; bottom:44px}.m7{left:50%; transform:translateX(-50%); bottom:22px; background:rgba(35,51,38,.85); border-color:rgba(140,191,147,.38)}
    .mod-tools{display:grid; gap:10px}
    .tool-btn{padding:13px 14px; border-radius:14px; border:1px solid rgba(214,178,119,.2); background:rgba(255,255,255,.02); color:#eadcc2; text-align:left}
    .tool-btn.red{background:linear-gradient(180deg, rgba(131,28,33,.38), rgba(86,17,21,.32)); border-color:rgba(214,178,119,.28)}
    .section-three{display:grid; grid-template-columns:280px minmax(0,1fr) 300px; gap:18px}
    .upload-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
    .upload-card{
      min-height:106px; display:grid; place-items:center; text-align:center; gap:6px; padding:12px; border:1px solid rgba(214,178,119,.18);
      border-radius:16px; background:rgba(255,255,255,.02); color:#eaddc5
    }
    .file-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:12px}
    .file-card{border:1px solid rgba(214,178,119,.16); border-radius:16px; overflow:hidden; background:rgba(255,255,255,.02)}
    .thumb{
      height:132px; background:linear-gradient(180deg, rgba(214,178,119,.12), rgba(255,255,255,.02)), url('./assets/dashboard-concept.png') center/cover no-repeat;
      border-bottom:1px solid rgba(214,178,119,.12)
    }
    .file-card:nth-child(2) .thumb{background-position:26% center}
    .file-card:nth-child(3) .thumb{background-position:52% center}
    .file-card:nth-child(4) .thumb{background-position:73% center}
    .file-card:nth-child(5) .thumb{background-position:93% center}
    .file-meta{padding:12px}
    .file-meta strong{display:block; font-size:16px; color:#e6c98f; margin-bottom:4px}
    .file-meta span{color:#aeb6c0; font-size:13px}
    .nomen-result{
      font-size:42px; line-height:1.06; color:#e6c88e; margin:12px 0 8px; text-transform:uppercase;
    }
    .sublegend{color:#c7bcad; font-style:italic; line-height:1.7}
    .community-list,.chat-list{display:grid; gap:10px}
    .community-item,.chat-item{
      padding:12px 12px; border-radius:14px; border:1px solid rgba(214,178,119,.14); background:rgba(255,255,255,.02)
    }
    .community-item strong,.chat-item strong{display:block; color:#e8cc94; font-size:15px; margin-bottom:4px}
    .community-item span,.chat-item span{color:#bec6cf; font-size:14px; line-height:1.6}
    .online{display:flex; align-items:center; gap:8px; color:#c6d4c8; margin-bottom:12px}
    .online-dot{width:10px; height:10px; border-radius:50%; background:#58b773; box-shadow:0 0 14px #58b773}
    .chat-input{display:flex; gap:10px; margin-top:12px}
    .chat-input input{padding-right:16px}
    .footer-motto{text-align:center; color:#a38759; letter-spacing:.28em; text-transform:uppercase; padding:10px 0 18px}

    /* mobile dock previewish */
    .mobile-dock{
      position:fixed; right:16px; bottom:16px; z-index:8;
      display:none; gap:12px; padding:12px 16px; border-radius:18px;
      border:1px solid rgba(214,178,119,.22); background:rgba(6,11,18,.94)
    }
    .mobile-dock a{color:#e8d5b0; text-decoration:none; font-size:13px}

    @media (max-width: 1360px){
      .login-layout{grid-template-columns:1fr minmax(420px,540px)}
      .sound-card{grid-column:2}
      .side-prop{display:none}
      .content-grid{grid-template-columns:1fr}
      .hero{grid-template-columns:280px 1fr}
      .hero .founders{grid-column:1 / -1}
      .section-two{grid-template-columns:280px 1fr}
      .section-two > .panel:last-child{grid-column:1 / -1}
      .section-three{grid-template-columns:1fr}
      .file-grid{grid-template-columns:repeat(3,1fr)}
    }
    @media (max-width: 980px){
      .dashboard-shell{grid-template-columns:1fr}
      .sidebar{display:none}
      .mobile-dock{display:flex}
      .hero{grid-template-columns:1fr}
      .hero-art{min-height:220px}
      .section-two{grid-template-columns:1fr}
      .file-grid{grid-template-columns:repeat(2,1fr)}
      .topbar{position:sticky; top:10px; z-index:5}
      .search{min-width:100%}
      .login-scene{padding:18px}
      .login-layout{grid-template-columns:1fr}
      .sound-card{grid-column:auto}
    }
    @media (max-width: 640px){
      .boot-box,.login-card,.sound-card,.panel,.topbar{padding:16px}
      .boot-title,.title-main{font-size:36px}
      .hero-main h1{font-size:38px}
      .founder-grid{grid-template-columns:1fr}
      .login-actions,.upload-grid,.file-grid{grid-template-columns:1fr}
      .content-grid,.content-left,.right-column,.main-zone{gap:14px}
      .nomen-result{font-size:30px}
      .dashboard{padding:12px}
      .top-actions{width:100%; justify-content:space-between}
      .mobile-dock{left:12px; right:12px; justify-content:space-around}
      .search input,input,textarea{font-size:16px}
    }
  

.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.auth-tab{padding:12px;border:1px solid rgba(214,178,119,.2);background:rgba(255,255,255,.02);color:#d8c7a8;border-radius:12px;cursor:pointer}.auth-tab.active{background:linear-gradient(180deg,rgba(129,32,38,.38),rgba(49,12,18,.42));border-color:rgba(214,178,119,.42)}.auth-pane{display:none}.auth-pane.active{display:block}.form-stack{display:grid;gap:13px}.simple{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(rgba(2,6,12,.88),rgba(2,6,12,.95)),url('../images/login-concept.png') center/cover fixed}.auth-card{width:min(620px,100%);padding:28px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(8,14,24,.96),rgba(4,8,15,.97));box-shadow:var(--shadow)}.auth-card h1{color:#e8ca90;font-weight:500}.alert{padding:12px 14px;border-radius:12px;border:1px solid rgba(214,178,119,.22);background:rgba(255,255,255,.03);margin-bottom:12px}.alert.error{border-color:rgba(190,61,65,.5);color:#efb5b7}.alert.ok{border-color:rgba(88,183,115,.4);color:#bde4c5}.bottom-safe{padding-bottom:96px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:linear-gradient(180deg,#04070c,#060b13)}.admin-side{padding:24px;border-right:1px solid var(--border);background:#07101b;position:sticky;top:0;height:100vh}.admin-main{padding:24px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(8,14,24,.95),rgba(4,8,15,.96))}.stat b{display:block;font-size:36px;color:#e7c88d}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-tabs a{padding:11px 14px;border-radius:12px;text-decoration:none;color:#e7d8bc;border:1px solid rgba(214,178,119,.2)}.admin-tabs a.active{background:#702026}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px}.data-table{width:100%;border-collapse:collapse;min-width:820px;background:#08111d}.data-table th,.data-table td{padding:13px;border-bottom:1px solid rgba(214,178,119,.12);text-align:left}.data-table th{color:#c29d61;font-weight:500}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.secret-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:rgba(0,0,0,.72);padding:20px}.secret-modal.open{display:grid}.secret-card{width:min(480px,100%);padding:24px;border-radius:22px;border:1px solid var(--border);background:#08111d}.message-row{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:12px;border-bottom:1px solid rgba(214,178,119,.12)}.message-row .avatar{width:40px;height:40px}.message-body strong{color:#e6c88e}.message-body small{color:#8290a1}.upload-list{display:grid;gap:10px}.upload-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(214,178,119,.14);border-radius:12px}.room-layout{display:grid;grid-template-columns:260px 1fr;gap:16px}.room-sidebar{border:1px solid var(--border);border-radius:18px;padding:12px;background:#07101b}.room-sidebar a{display:block;padding:11px;color:#e5d7bb;text-decoration:none;border-radius:10px}.room-sidebar a.active{background:#661c22}.chat-box{height:520px;overflow:auto;border:1px solid var(--border);border-radius:16px;background:rgba(4,8,15,.8)}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--border)}.stat-grid{grid-template-columns:repeat(2,1fr)}.room-layout{grid-template-columns:1fr}.auth-tabs{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.sound-card{grid-column:auto}.mobile-dock{bottom:18px;left:14px;right:14px}.dashboard{padding-bottom:110px}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr}.admin-main,.admin-side{padding:14px}}
/* ===== VESPER PREMIUM V2 OVERRIDES ===== */
:root{--scroll:#8f6b37;--scroll-bg:#07101c}
*{scrollbar-width:thin;scrollbar-color:var(--scroll) var(--scroll-bg)}
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-bg);border-radius:20px}*::-webkit-scrollbar-thumb{background:linear-gradient(#d0a65f,#6b4d26);border:2px solid var(--scroll-bg);border-radius:20px}
select{width:100%;appearance:none;background:#0c1626;color:#f0e7d6;border:1px solid rgba(214,178,119,.28);border-radius:14px;padding:14px 42px 14px 14px;font:inherit;background-image:linear-gradient(45deg,transparent 50%,#d6b277 50%),linear-gradient(135deg,#d6b277 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
select:focus{outline:none;box-shadow:0 0 0 4px rgba(214,178,119,.08);border-color:rgba(214,178,119,.58)}
button,a,input,select,textarea{font-family:inherit}.sigil-button{appearance:none;background:transparent;color:var(--gold);cursor:pointer}.sigil.small{width:72px;height:72px;font-size:28px;margin:0 0 16px}
.auth-tabs.two{grid-template-columns:1fr 1fr}.privacy-note,.field-hint{font-size:13px;line-height:1.55;color:#9ea9b7;background:rgba(255,255,255,.025);border:1px solid rgba(214,178,119,.12);border-radius:12px;padding:10px}.ok-text{color:#89c798}.bad-text{color:#e78f8f}.text-link{color:#dfbd7e;text-decoration:none}.text-link:hover{text-decoration:underline}
.sound-theme-row{display:grid;gap:8px;margin-top:18px}.sound-theme-row label{margin:0}.sound-choice.active{box-shadow:inset 0 0 0 1px rgba(214,178,119,.55),0 0 22px rgba(214,178,119,.08)}
.topbar{min-height:82px}.circle-icon{text-decoration:none;color:#e8d4ae}.user-chip{text-decoration:none;color:inherit;transition:.2s}.user-chip:hover{background:rgba(214,178,119,.07);transform:translateY(-1px)}.user-name{color:#e7c88d;font-size:18px}.user-role{font-size:13px}.chev{color:#b89762}.nav-badge{margin-left:auto;background:#8f252b;border-radius:99px;padding:2px 7px;font-size:11px}
.premium-hero{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.15fr) minmax(280px,.9fr);padding:24px}.hero-art-overlay{position:absolute;inset:auto 18px 18px;display:flex;justify-content:center}.hero-art-overlay span{padding:9px 14px;border:1px solid rgba(214,178,119,.28);border-radius:99px;background:rgba(4,9,16,.78);color:#e8c98e}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;color:#b5945f;font-size:12px}.mission-title{font-size:clamp(22px,2vw,30px);color:#e7c88d;margin-bottom:8px}.founder-card{text-decoration:none}.founder-card.placeholder{opacity:.72}.founder-card:hover{transform:translateY(-2px)}
.section-two.refined{grid-template-columns:310px minmax(500px,1fr)}.map-panel{min-height:530px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.pirate-map{height:380px;position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(214,178,119,.28);background:radial-gradient(circle at 30% 35%,rgba(210,170,97,.18),transparent 24%),linear-gradient(rgba(65,43,19,.12),rgba(18,12,7,.34)),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),#2a2115;box-shadow:inset 0 0 80px rgba(0,0,0,.72)}.pirate-map:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(219,180,110,.28);border-radius:15px}.pirate-map svg{position:absolute;inset:0;width:100%;height:100%}.map-route{fill:none;stroke:#b89050;stroke-width:4;stroke-dasharray:8 10;opacity:.58}.map-route.faint{opacity:.25}.xmark{fill:#8e2328;font-size:50px;font-family:serif}.map-pin{position:absolute;text-decoration:none;color:#f0dfbd;background:linear-gradient(180deg,#172132,#0b121f);border:1px solid rgba(214,178,119,.45);border-radius:16px;padding:10px 13px;box-shadow:0 10px 25px rgba(0,0,0,.32);font-size:13px;transition:.22s}.map-pin:before{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%) rotate(45deg);width:15px;height:15px;background:#0c1421;border-right:1px solid rgba(214,178,119,.45);border-bottom:1px solid rgba(214,178,119,.45)}.map-pin:hover{transform:translateY(-4px);box-shadow:0 0 28px rgba(214,178,119,.14)}.map-pin.current{background:linear-gradient(180deg,#294936,#162c22);border-color:#6da17a}.p1{left:12%;top:16%}.p2{left:8%;bottom:15%}.p3{right:12%;top:18%}.p4{left:36%;top:48%}.p5{right:12%;bottom:18%}.p6{left:47%;bottom:8%}.map-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.map-cards a{display:grid;gap:4px;padding:14px;border:1px solid rgba(214,178,119,.16);border-radius:14px;text-decoration:none;background:rgba(255,255,255,.02)}.map-cards b{color:#e8c98e}.map-cards span{color:#9da9b6;font-size:13px}
.section-three.simplified{grid-template-columns:340px 1fr}.file-grid.compact{grid-template-columns:repeat(3,1fr)}.file-card{display:grid;gap:10px;padding:14px}.file-icon{font-size:30px;color:#d1a965}.small-btn{padding:9px 12px;text-align:center}.sound-mini{display:grid;gap:12px}
.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.wide-card{width:min(1180px,100%)}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.profile-public{display:grid;grid-template-columns:180px 1fr;gap:28px}.profile-avatar-large{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-size:64px;color:#e8c98e;border:1px solid rgba(214,178,119,.35);background:radial-gradient(circle at 35% 25%,#6f522f,#101723 58%,#060b12)}.check-row{display:flex;align-items:center;gap:10px;letter-spacing:0;text-transform:none;color:#e4d8c4}.check-row input{width:auto}
.messages-page{width:min(1320px,96vw)}.messages-layout{display:grid;grid-template-columns:330px 1fr;gap:16px;min-height:680px}.conversation-sidebar,.conversation-main{border:1px solid rgba(214,178,119,.28);border-radius:22px;background:#07111e;overflow:hidden}.conversation-search{padding:14px}.conversation-item{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;text-decoration:none;padding:12px 14px;color:#efe2ca;border-top:1px solid rgba(214,178,119,.08)}.conversation-item:hover,.conversation-item.active{background:linear-gradient(90deg,rgba(129,32,38,.25),transparent)}.conversation-item span,.conversation-item small{display:block;color:#9aa7b5;font-size:12px}.conversation-item i{font-style:normal;background:#902a30;border-radius:50%;min-width:22px;height:22px;display:grid;place-items:center;font-size:11px}.conversation-main{display:grid;grid-template-rows:auto 1fr auto}.conversation-header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid rgba(214,178,119,.2)}.conversation-header>a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#e8c98e}.conversation-header span{display:block;color:#9aa7b5;font-size:12px}.conversation-actions{display:flex;gap:8px}.private-chat{padding:20px;display:flex;flex-direction:column;gap:10px}.private-bubble{max-width:72%;align-self:flex-start;padding:12px 14px;border-radius:16px 16px 16px 4px;background:#101b2b;border:1px solid rgba(214,178,119,.18)}.private-bubble.mine{align-self:flex-end;border-radius:16px 16px 4px 16px;background:linear-gradient(180deg,#5d1c23,#391117)}.private-bubble small{display:block;color:#8e99a6;margin-top:7px}.message-composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px}.danger{color:#f2a3a3!important;border-color:rgba(182,56,62,.35)!important}.full{width:100%}
.council-page{width:min(1320px,96vw)}.chat-panel{display:grid;grid-template-rows:1fr auto}.message-name{appearance:none;border:0;background:none;color:#e8c98e;font:inherit;font-weight:bold;cursor:pointer;padding:0}.user-trigger{cursor:pointer}.delete-message{margin-left:auto;align-self:flex-start;border:0;background:transparent;color:#ad7580;font-size:24px;cursor:pointer}.member-popover{display:none;position:fixed;z-index:200;width:200px;background:#091321;border:1px solid rgba(214,178,119,.35);border-radius:14px;padding:8px;box-shadow:0 18px 48px rgba(0,0,0,.55)}.member-popover.open{display:grid}.member-popover button{border:0;background:transparent;color:#e8dcc6;text-align:left;padding:10px;border-radius:9px}.member-popover button:hover{background:rgba(214,178,119,.08)}
.notification-list{display:grid;gap:10px}.notification-item{display:grid;gap:5px;padding:14px;border:1px solid rgba(214,178,119,.18);border-radius:14px;text-decoration:none;background:rgba(255,255,255,.02)}.notification-item b{color:#e8c98e}.notification-item span,.notification-item small{color:#a7b1bd}.empty-state{padding:50px;text-align:center;color:#9ba8b7}
.admin-shell{grid-template-columns:290px 1fr}.admin-side{position:sticky;top:0;height:100vh;overflow:auto}.admin-main{padding:26px;min-width:0}.admin-top h1{margin:4px 0;color:#e8ca90}.admin-top .user-chip span{display:block;color:#9ba7b4;font-size:12px}.stat-grid{grid-template-columns:repeat(5,minmax(150px,1fr));margin:18px 0}.admin-two{display:grid;grid-template-columns:390px 1fr;gap:18px}.card-list{display:grid;gap:10px;max-height:720px;overflow:auto}.admin-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border:1px solid rgba(214,178,119,.16);border-radius:14px;background:rgba(255,255,255,.02)}.admin-card>div:first-child{display:grid;gap:5px}.admin-card b{color:#e8c98e}.admin-card span,.admin-card small{color:#9da8b5}.admin-card.vertical{display:grid;align-items:stretch}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-admin-card{display:flex;gap:12px;align-items:center;text-align:left;padding:14px;border:1px solid rgba(214,178,119,.17);border-radius:16px;background:#091321;color:#eee0c7;cursor:pointer}.member-admin-card:hover{transform:translateY(-2px);border-color:rgba(214,178,119,.45)}.member-admin-card span,.member-admin-card small{display:block;color:#98a5b3}.member-modal{width:min(560px,92vw);max-height:90vh;overflow:auto}.modal-x{position:absolute;right:16px;top:12px;border:0;background:none;color:#e8c98e;font-size:28px;cursor:pointer}.audit-row{display:flex;justify-content:space-between;gap:20px;padding:12px;border-bottom:1px solid rgba(214,178,119,.1)}.audit-row span{display:block;color:#9aa6b4}.audit-row code{color:#cbb389}.file-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.table-search{max-width:300px}.settings-admin{max-width:820px}
@media(max-width:1300px){.premium-hero{grid-template-columns:1fr 1fr}.premium-hero .founders{grid-column:1/-1}.section-two.refined{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr 1fr}.admin-two{grid-template-columns:1fr}.member-grid,.file-admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.settings-grid,.messages-layout,.profile-public{grid-template-columns:1fr}.conversation-sidebar{max-height:280px}.premium-hero{grid-template-columns:1fr}.section-three.simplified{grid-template-columns:1fr}.file-grid.compact{grid-template-columns:1fr 1fr}.map-cards{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.member-grid,.file-admin-grid{grid-template-columns:1fr}.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.conversation-actions{flex-direction:column}}
@media(max-width:640px){.page-title-row{flex-direction:column}.messages-page,.council-page{width:100%}.file-grid.compact{grid-template-columns:1fr}.private-bubble{max-width:90%}.stat-grid{grid-template-columns:1fr}.pirate-map{height:440px}.p1{left:5%}.p3{right:4%}.p4{left:28%}.p5{right:5%}.p6{left:35%}}
.login-scene{background:linear-gradient(180deg,rgba(2,6,12,.78),rgba(2,6,12,.9)),url('../images/login-concept.png') center/cover no-repeat!important}
.side-prop:before{background-image:url('../images/login-concept.png')!important}
.dashboard{background:linear-gradient(180deg,rgba(2,6,12,.91),rgba(2,6,12,.96)),url('../images/dashboard-concept.png') center/cover no-repeat fixed!important}
.hero-art{background:linear-gradient(rgba(3,7,13,.28),rgba(3,7,13,.56)),url('../images/dashboard-concept.png') left center/cover no-repeat!important}
body.simple{background:linear-gradient(180deg,rgba(2,6,12,.91),rgba(2,6,12,.96)),url('../images/login-concept.png') center/cover fixed!important}