:root{--app-bg:#050b16;--app-panel:#0a1325;--app-panel2:#101b31;--app-blue:#2e7bff;--app-green:#22d36e;--app-gold:#f6c453;--app-text:#f5f7fb;--app-muted:#9fb0cc;--app-border:rgba(80,140,255,.18)}
body:has(.fc-root){background:var(--app-bg)!important;overflow-x:hidden}
.fc-root{min-height:100dvh!important;background:radial-gradient(circle at 5% 0,rgba(46,123,255,.2),transparent 27rem),radial-gradient(circle at 100% 24rem,rgba(34,211,110,.1),transparent 25rem),var(--app-bg)!important;color:var(--app-text)!important;padding:0 16px 88px!important}
.fc-shell{width:min(720px,100%)!important;max-width:720px!important;margin:0 auto!important}
.fc-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:end!important;margin:0!important;padding:22px 0 15px!important}
.fc-title{margin:0!important;font-size:27px!important;line-height:1.08!important;letter-spacing:-.03em!important;background:none!important;color:var(--app-text)!important;-webkit-text-fill-color:initial!important}
.fc-subtitle{margin:7px 0 0!important;max-width:520px!important;color:var(--app-muted)!important;font-size:13px!important;line-height:1.45!important}
.fc-balance{min-width:136px!important;padding:11px 14px!important;border:1px solid var(--app-border)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(16,27,49,.96),rgba(8,18,35,.96))!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
.fc-balance span{display:block!important;color:var(--app-muted)!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.fc-balance strong{display:flex!important;align-items:center!important;gap:5px!important;margin-top:4px!important;color:#fff!important;font-size:18px!important;line-height:1.1!important}
.fc-coin-icon{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;object-fit:contain!important;vertical-align:-3px!important}

.fc-tabs{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin:0 0 16px!important;padding:0!important}
.fc-tab,.fc-btn,.fc-chip{appearance:none!important;border:1px solid var(--app-border)!important;background:var(--app-panel2)!important;color:var(--app-text)!important;border-radius:12px!important;font:inherit!important;font-size:12.5px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;transition:.16s ease!important}
.fc-tab,.fc-tabs>.fc-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:0 12px!important;aspect-ratio:auto!important;flex:0 0 auto!important}
.fc-tab svg,.fc-btn svg,.fc-chip svg{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;flex:0 0 15px!important}
.fc-tab:hover,.fc-btn:hover,.fc-chip:hover{border-color:rgba(80,140,255,.45)!important;background:#14213a!important;transform:none!important}
.fc-tab:active,.fc-btn:active,.fc-chip:active{transform:scale(.98)!important}
.fc-tab.active{border-color:rgba(34,211,110,.42)!important;background:rgba(34,211,110,.08)!important;color:var(--app-green)!important}
.fc-btn.primary{background:linear-gradient(135deg,var(--app-blue),#2261d5)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 22px rgba(46,123,255,.2)!important}
.fc-btn.danger{background:rgba(255,78,104,.1)!important;border-color:rgba(255,78,104,.22)!important;color:#ff8b9d!important}
.fc-tabs>.fc-btn.primary{margin-left:auto!important}

.fc-toolbar{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 16px!important}
.fc-search{flex:1!important}
.fc-search input,.fc-field input,.fc-field textarea,.fc-field select{width:100%!important;box-sizing:border-box!important;border:1px solid var(--app-border)!important;background:var(--app-panel)!important;color:#fff!important;border-radius:14px!important;outline:none!important;box-shadow:none!important}
.fc-search input{height:46px!important;min-height:46px!important;padding:0 14px!important;font-size:13px!important}
.fc-field input,.fc-field select{height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:13px!important}
.fc-field textarea{padding:11px 12px!important;font-size:13px!important;line-height:1.45!important}
.fc-search input:focus,.fc-field input:focus,.fc-field textarea:focus,.fc-field select:focus{border-color:var(--app-blue)!important;box-shadow:0 0 0 2px rgba(46,123,255,.08)!important}
.fc-toolbar>div:last-child{display:flex!important;gap:6px!important}
.fc-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;max-height:34px!important;padding:0 10px!important;font-size:11.5px!important}
.fc-chip.active{border-color:rgba(34,211,110,.38)!important;background:rgba(34,211,110,.08)!important;color:var(--app-green)!important}

.fc-section-title{margin:21px 2px 10px!important;display:flex!important;justify-content:space-between!important;align-items:end!important}
.fc-section-title h2{margin:0!important;color:#fff!important;font-size:14px!important;letter-spacing:0!important}
.fc-section-title p{margin:4px 0 0!important;color:var(--app-muted)!important;font-size:11px!important;line-height:1.4!important}
.fc-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
.fc-card{position:relative!important;overflow:hidden!important;border:1px solid var(--app-border)!important;background:var(--app-panel)!important;border-radius:18px!important;box-shadow:none!important;cursor:pointer!important;transition:.16s transform,.16s border-color!important}
.fc-card:hover{border-color:rgba(46,123,255,.55)!important;transform:translateY(-1px)!important;box-shadow:none!important}
.fc-card:active{transform:scale(.985)!important}
.fc-cover{width:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;background:#07101f!important;display:block!important;border-bottom:1px solid var(--app-border)!important}
.fc-card-body{padding:12px!important}
.fc-card h3{margin:0 0 8px!important;color:#fff!important;font-size:14px!important;line-height:1.3!important}
.fc-meta{display:flex!important;gap:5px!important;flex-wrap:wrap!important;color:var(--app-muted)!important;font-size:10px!important}
.fc-pill{padding:4px 7px!important;border-radius:999px!important;border:1px solid var(--app-border)!important;background:#101b31!important;color:var(--app-muted)!important}
.fc-price{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;margin-top:10px!important;color:var(--app-muted)!important;font-size:10px!important}
.fc-price strong{display:inline-flex!important;align-items:center!important;gap:4px!important;color:var(--app-gold)!important;font-size:13px!important}
.fc-price .fc-coin-icon{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important}
.fc-empty{grid-column:1/-1!important;text-align:center!important;padding:38px 20px!important;border:1px dashed rgba(80,140,255,.26)!important;border-radius:20px!important;background:transparent!important;color:var(--app-muted)!important;font-size:13px!important}
.fc-empty-compact{padding:26px 16px!important}

.fc-modal-backdrop{position:fixed!important;inset:0!important;z-index:10000!important;display:grid!important;place-items:center!important;padding:16px!important;background:rgba(1,5,12,.76)!important;backdrop-filter:blur(12px)!important}
.fc-modal{width:min(720px,100%)!important;max-height:90dvh!important;overflow:auto!important;box-sizing:border-box!important;padding:18px!important;border:1px solid var(--app-border)!important;border-radius:21px!important;background:linear-gradient(145deg,rgba(16,27,49,.985),rgba(8,18,35,.99))!important;color:var(--app-text)!important;box-shadow:0 28px 80px rgba(0,0,0,.5)!important}
.fc-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}
.fc-modal-head h2{margin:0!important;color:#fff!important;font-size:19px!important;letter-spacing:-.02em!important}
.fc-icon-btn{display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;border:1px solid var(--app-border)!important;border-radius:11px!important;background:var(--app-panel2)!important;color:#dbe6f7!important;aspect-ratio:auto!important}
.fc-icon-btn svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important}
.fc-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.fc-field{display:flex!important;flex-direction:column!important;gap:5px!important}
.fc-field.full{grid-column:1/-1!important}
.fc-field label,.fc-inline-field-label{color:var(--app-muted)!important;font-size:10.5px!important;font-weight:700!important}

.fc-cover-picker{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;grid-template-areas:"preview action" "preview hint"!important;align-items:center!important;gap:5px 10px!important;padding:9px!important;border:1px solid var(--app-border)!important;border-radius:14px!important;background:var(--app-panel)!important}
.fc-cover-preview{grid-area:preview!important;width:74px!important;min-width:74px!important;max-width:74px!important;height:54px!important;min-height:54px!important;max-height:54px!important;object-fit:cover!important;border:1px solid var(--app-border)!important;border-radius:11px!important}
.fc-cover-picker [data-upload-cover]{grid-area:action!important;justify-self:start!important}
.fc-upload-limit-hint{grid-area:hint!important;color:#7285a5!important;font-size:9.5px!important;line-height:1.25!important}

.fc-generator{margin:12px 0!important;padding:12px!important;border:1px solid var(--app-border)!important;border-radius:17px!important;background:var(--app-panel)!important}
.fc-generator-title{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:9px!important;color:#fff!important;font-size:13px!important;font-weight:750!important}
.fc-generator-title svg{width:15px!important;height:15px!important;color:#70a2ff!important}
.fc-generator .fc-form-grid{grid-template-columns:minmax(0,1fr) 96px!important;gap:8px!important}
.fc-generator .fc-field.full{grid-column:1/-1!important}
.fc-generator textarea{min-height:72px!important;max-height:140px!important}
.fc-generator .fc-actions{display:flex!important;justify-content:flex-end!important;margin-top:8px!important}

.fc-editor-list{display:grid!important;gap:9px!important;margin-top:9px!important}
.fc-editor-card{padding:11px!important;border:1px solid var(--app-border)!important;border-radius:17px!important;background:var(--app-panel)!important}
.fc-editor-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:8px!important}
.fc-editor-number{color:var(--app-muted)!important;font-size:10.5px!important;font-weight:750!important}
.fc-card-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
.fc-card-fields textarea{min-height:82px!important}
.fc-img-line{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:5px!important}
.fc-mini-preview{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;border:1px solid var(--app-border)!important;border-radius:9px!important;object-fit:cover!important}
.fc-modal button{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:35px!important;max-height:42px!important;aspect-ratio:auto!important;padding:0 11px!important;border-radius:11px!important;font-size:12px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important}
.fc-modal button svg{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;flex:0 0 14px!important}
.fc-modal .fc-icon-btn{padding:0!important}
.fc-modal .fc-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:12px!important}
.fc-editor-modal>.fc-actions{position:sticky!important;bottom:-18px!important;z-index:9!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:14px -18px -18px!important;padding:10px 18px calc(10px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--app-border)!important;background:rgba(5,11,22,.95)!important;backdrop-filter:blur(16px)!important}
.fc-editor-modal>.fc-actions [data-add-card]{margin-right:auto!important}
.fc-editor-modal>.fc-actions [data-save]{min-width:112px!important;background:linear-gradient(135deg,var(--app-blue),#2261d5)!important;border-color:transparent!important;color:white!important}
.fc-editor-count{display:inline-flex!important;align-items:center!important;margin-left:6px!important;padding:2px 6px!important;border:1px solid var(--app-border)!important;border-radius:999px!important;background:var(--app-panel2)!important;color:#70a2ff!important;font-size:10px!important}

.fc-study{perspective:1200px!important}
.fc-flip{position:relative!important;min-height:260px!important;transform-style:preserve-3d!important;transition:transform .45s cubic-bezier(.2,.7,.2,1)!important;cursor:pointer!important}
.fc-flip.flipped{transform:rotateY(180deg)!important}
.fc-face{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;align-content:center!important;padding:18px!important;border:1px solid var(--app-border)!important;border-radius:20px!important;background:var(--app-panel)!important;text-align:center!important;backface-visibility:hidden!important;box-shadow:none!important}
.fc-face.back{transform:rotateY(180deg)!important}
.fc-face img{max-width:80%!important;max-height:130px!important;margin-bottom:11px!important;border-radius:12px!important}
.fc-face p{margin:0!important;color:#fff!important;font-size:clamp(16px,2.5vw,22px)!important;line-height:1.4!important;white-space:pre-wrap!important}
.fc-study-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:10px!important;color:var(--app-muted)!important;font-size:11px!important}
.fc-study-nav .fc-btn{min-width:72px!important}

.fc-toast{position:fixed!important;left:50%!important;bottom:22px!important;z-index:12000!important;max-width:min(420px,calc(100vw - 24px))!important;padding:10px 13px!important;border:1px solid var(--app-border)!important;border-radius:13px!important;background:#101b31!important;color:#eef4ff!important;box-shadow:0 14px 38px rgba(0,0,0,.38)!important;font-size:12px!important}

@media(max-width:760px){
  .fc-root{padding:0 14px 76px!important}
  .fc-hero{grid-template-columns:1fr!important;padding:18px 0 13px!important}
  .fc-balance{width:100%!important;min-width:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important}
  .fc-balance span{margin:0!important}
  .fc-balance strong{margin:0!important;font-size:16px!important}
  .fc-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;margin-bottom:14px!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .fc-tabs::-webkit-scrollbar{display:none!important}
  .fc-tabs>.fc-btn.primary{margin-left:0!important}
  .fc-toolbar{flex-direction:column!important;align-items:stretch!important}
  .fc-toolbar>div:last-child{overflow-x:auto!important;scrollbar-width:none!important}
  .fc-toolbar>div:last-child::-webkit-scrollbar{display:none!important}
  .fc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .fc-modal-backdrop{align-items:end!important;padding:8px!important}
  .fc-modal{width:100%!important;max-width:100%!important;max-height:91dvh!important;padding:14px!important;border-radius:20px 20px 12px 12px!important}
  .fc-modal-head{position:sticky!important;top:-14px!important;z-index:8!important;margin:0 -1px 10px!important;padding:10px 1px 8px!important;background:linear-gradient(180deg,rgba(8,18,35,.99) 72%,rgba(8,18,35,0))!important}
  .fc-form-grid,.fc-card-fields{grid-template-columns:1fr!important}
  .fc-field.full{grid-column:auto!important}
  .fc-generator .fc-form-grid{grid-template-columns:minmax(0,1fr) 88px!important}
  .fc-generator .fc-field.full{grid-column:1/-1!important}
  .fc-card-fields textarea{min-height:72px!important}
  .fc-editor-modal>.fc-actions{bottom:-14px!important;margin:12px -14px -14px!important;padding:9px 14px calc(9px + env(safe-area-inset-bottom))!important}
  .fc-flip{min-height:235px!important}
}

@media(max-width:430px){
  .fc-title{font-size:25px!important}
  .fc-subtitle{font-size:12px!important}
  .fc-tab,.fc-tabs>.fc-btn{height:36px!important;min-height:36px!important;max-height:36px!important;padding:0 10px!important;font-size:11.5px!important}
  .fc-card-body{padding:10px!important}
  .fc-card h3{font-size:13px!important}
  .fc-cover-picker{grid-template-columns:66px minmax(0,1fr)!important}
  .fc-cover-preview{width:66px!important;min-width:66px!important;max-width:66px!important;height:49px!important;min-height:49px!important;max-height:49px!important}
  .fc-modal button{min-height:34px!important;max-height:38px!important;font-size:11.5px!important;padding:0 9px!important}
  .fc-editor-modal>.fc-actions [data-save]{min-width:96px!important}
  .fc-study-modal>.fc-actions{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .fc-study-modal>.fc-actions::-webkit-scrollbar{display:none!important}
}
