/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --dk: #13112a;
  --pp: #6c63ff;
  --ppl: #8b85ff;
  --ppd: #eeedff;
  --ppb: #d8d4f5;
  --ink: #1f1d33;
  --mut: #71708a;
  --ln: #e7e6f0;
  --bg: #f7f7fb;
  --wh: #fff;
  --sc: #1d9e75;
  --scb: #e1f5ee;
  --dg: #d8453f;
  --dgb: #fcebeb;
  --wn: #ba7517;
  --wnb: #faeeda;
}

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

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
  background: var(--bg);
}

a { color: inherit; text-decoration: none; }

input, textarea, select, button { font-family: inherit; }

.app { display: flex; min-height: 100vh; }

.sb { width: 230px; background: var(--dk); padding: 1.3rem 0; flex-shrink: 0; }
.lg { padding: 0 1.25rem 1rem; border-bottom: 1px solid rgba(255,255,255,.08); margin-bottom: .8rem; }
.lgt { font-size: 17px; font-weight: 600; color: #fff; }
.lgs { font-size: 11px; color: #8888aa; margin-top: 2px; }

.csel { padding: 0 1rem 1rem; border-bottom: 1px solid rgba(255,255,255,.08); margin-bottom: .5rem; }
.csel label { font-size: 10px; color: #8888aa; text-transform: uppercase; letter-spacing: .08em; display: block; margin-bottom: 6px; }
.srch { position: relative; margin-bottom: 8px; }
.srch svg { position: absolute; left: 9px; top: 50%; transform: translateY(-50%); color: #8888aa; }
.srch input { width: 100%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #fff; border-radius: 8px; padding: 8px 8px 8px 30px; font-size: 12px; outline: none; }
.srch input::placeholder { color: #7a7a9a; }
.sugg { background: #1c1a38; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; margin-top: 4px; max-height: 200px; overflow-y: auto; }
.sgi { padding: 8px 10px; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,.05); }
.sgi:hover { background: rgba(108,99,255,.2); }
.sgi .n { font-size: 12px; color: #fff; }
.sgi .d { font-size: 10px; color: #9a9ab8; }
.sgi mark { background: rgba(139,133,255,.4); color: #fff; border-radius: 2px; padding: 0 1px; }

.bnew { width: 100%; margin-top: 4px; background: var(--pp); color: #fff; border: none; border-radius: 8px; padding: 8px; font-size: 12px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; }
.bnew:hover { background: var(--ppl); }

.nsec { font-size: 10px; color: #6a6a88; padding: .6rem 1.25rem .4rem; letter-spacing: .08em; text-transform: uppercase; }
.nav { display: flex; align-items: center; gap: 10px; padding: 10px 1.25rem; cursor: pointer; color: #c2c2da; font-size: 13px; border-left: 2px solid transparent; }
.nav:hover { color: #fff; background: rgba(255,255,255,.04); }
.nav.active { color: #fff; background: rgba(108,99,255,.18); border-left-color: var(--pp); }

.mn { flex: 1 1; display: flex; flex-direction: column; min-width: 0; }
.top { padding: 1.1rem 1.5rem; border-bottom: 1px solid var(--ln); display: flex; align-items: center; justify-content: space-between; background: var(--wh); }
.pt { font-size: 16px; font-weight: 600; }
.chip { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #5048b5; background: var(--ppd); border: 1px solid var(--ppb); padding: 5px 12px; border-radius: 20px; }
.chip .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--sc); }
.ct { flex: 1 1; padding: 1.5rem; overflow-y: auto; }

.cd { background: var(--wh); border: 1px solid var(--ln); border-radius: 12px; padding: 1.25rem; margin-bottom: 1rem; }
.cdt { font-size: 13px; color: var(--mut); margin-bottom: .85rem; font-weight: 600; display: flex; align-items: center; gap: 7px; }
.fg { margin-bottom: 1rem; }
.fl { font-size: 12px; color: var(--mut); margin-bottom: .4rem; display: block; }
.inp { width: 100%; background: var(--wh); border: 1px solid var(--ln); border-radius: 8px; padding: 9px 12px; color: var(--ink); font-size: 13px; outline: none; }
.inp:focus { border-color: var(--pp); }
textarea.inp { resize: vertical; min-height: 60px; }

.btn { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; border: none; }
.bp { background: var(--pp); color: #fff; }
.bp:hover { background: var(--ppl); }
.bp:disabled { opacity: .5; cursor: not-allowed; }
.bg2 { background: var(--wh); color: var(--mut); border: 1px solid var(--ln); }
.bg2:hover { color: var(--ink); border-color: var(--pp); }
.bsm { padding: 5px 12px; font-size: 12px; }
.bd { background: var(--dgb); color: var(--dg); border: 1px solid #f3c9c7; }

.g2 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; gap: 1rem; }

.cr { display: flex; align-items: center; justify-content: space-between; padding: .7rem; border: 1px solid var(--ln); border-radius: 8px; margin-bottom: .5rem; }
.ci { display: flex; align-items: center; gap: 10px; }
.av { width: 36px; height: 36px; border-radius: 50%; background: var(--ppd); color: var(--pp); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 13px; }
.cn { font-size: 13px; font-weight: 600; }
.cdd { font-size: 11px; color: var(--mut); }
.cr mark { background: var(--ppd); color: #5048b5; border-radius: 2px; padding: 0 1px; }

.aa { display: flex; gap: 6px; flex-shrink: 0; }

.es { text-align: center; padding: 2.5rem 1rem; color: var(--mut); }

.ov { position: fixed; inset: 0; background: rgba(20,18,40,.5); z-index: 50; display: flex; align-items: flex-start; justify-content: center; padding: 1.5rem 1rem; overflow-y: auto; }
.md { background: var(--wh); border-radius: 12px; padding: 1.5rem; width: 100%; max-width: 440px; }
.mt { font-size: 15px; font-weight: 600; margin-bottom: 1.2rem; display: flex; align-items: center; gap: 8px; }

.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: var(--dk); padding: 1rem; }
.login-card { background: var(--wh); border-radius: 16px; padding: 2.5rem; width: 100%; max-width: 380px; }
.login-logo { font-size: 22px; font-weight: 600; color: var(--ink); text-align: center; }
.login-sub { font-size: 13px; color: var(--mut); text-align: center; margin: .3rem 0 1.8rem; }
.err { background: var(--dgb); color: var(--dg); border-radius: 8px; padding: 9px 12px; font-size: 12px; margin-bottom: 1rem; }

.toast { position: fixed; bottom: 20px; right: 20px; background: var(--ink); color: #fff; padding: 10px 16px; border-radius: 8px; font-size: 13px; z-index: 999; display: flex; align-items: center; gap: 8px; }

.qs { font-size: 11px; padding: 3px 9px; border-radius: 20px; font-weight: 600; white-space: nowrap; display: inline-block; }
.qs.cit { background: var(--scb); color: var(--sc); }
.qs.nc { background: var(--dgb); color: var(--dg); }
.qs.pa { background: var(--wnb); color: var(--wn); }

.pb { font-size: 10px; padding: 2px 8px; border-radius: 20px; border: 1px solid; display: inline-block; }
.pb.pn { background: var(--scb); color: var(--sc); border-color: #bce8d8; }
.pb.ps { background: var(--wnb); color: var(--wn); border-color: #f0dcb4; }
.pb.pdr { background: var(--ppd); color: var(--pp); border-color: var(--ppb); }