*{box-sizing:border-box}:root{color:#263026;font-synthesis:none;background:#f2f0e8;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif}html{scroll-behavior:smooth}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 80% 0,#b0be9d57,#0000 29rem),#f2f0e8;min-width:320px;min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #485d424d}.skip-link{z-index:20;color:#fff;background:#263026;padding:.75rem 1rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.app-shell{min-height:100dvh}.mobile-frame{gap:.9rem;width:min(100% - 1.5rem,560px);margin:0 auto;padding:1rem 0 4rem;transition:max-width .25s;display:grid}.mobile-frame.wide-frame{width:min(100% - 1.5rem,1060px)}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf9f4e0;border:1px solid #3845331f;border-radius:1.4rem;padding:clamp(1.1rem,3vw,1.6rem);box-shadow:0 1rem 2.8rem #2b362814}.site-nav{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#faf9f4e8;border:1px solid #3845331f;border-radius:1rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem;display:flex;position:sticky;top:.5rem}.nav-tabs{scrollbar-width:none;gap:.2rem;display:flex;overflow-x:auto}.nav-tab,.account-link,.admin-access{white-space:nowrap;color:#657061;background:0 0;border:0;border-radius:.65rem;padding:.62rem .75rem;font-size:.78rem;font-weight:700;transition:background .2s,color .2s}.nav-tab:hover,.nav-tab.active,.account-link:hover{color:#263026;background:#e2e5d7}.nav-user{align-items:center;gap:.25rem;display:flex}.account-link{text-overflow:ellipsis;color:#485d42;max-width:9rem;overflow:hidden}.admin-access{color:#8a9285;font-size:.68rem}.nav-logout{color:#9b3d34;background:#f3ded8;border:0;border-radius:50%;width:1.8rem;height:1.8rem}.hero-panel,.barter-hero{grid-template-columns:1fr auto;align-items:center;gap:1.25rem;display:grid;overflow:hidden}.eyebrow,.result-kicker{color:#7b866f;letter-spacing:.16em;font-size:.68rem;font-weight:800;display:inline-block}h1,h2,p{text-wrap:pretty}h1{letter-spacing:-.045em;max-width:18ch;margin:.7rem 0 .6rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,7vw,3.35rem);font-weight:600;line-height:.98}h2{margin:.45rem 0;font-size:1.15rem}p{color:#667064;line-height:1.6}.hero-copy p,.barter-hero p{max-width:58ch;margin-bottom:0}.manga-card{aspect-ratio:1;color:#c9d3b9;background:#303a2e;border-radius:1.5rem;align-content:center;gap:.5rem;width:7.2rem;padding:1rem;display:grid;transform:rotate(3deg)}.manga-card span{font-family:Georgia,serif;font-size:1.2rem}.manga-card i{background:#8c9984;height:1px}.manga-card i:nth-child(3){width:72%}.manga-card i:nth-child(4){width:45%}.field-label,label{color:#616c5d;font-size:.76rem;font-weight:700}.search-box{background:#fff;border:1px solid #d7dacd;border-radius:.9rem;align-items:center;gap:.6rem;margin-top:.65rem;padding:0 .9rem;display:flex}.search-input{color:#263026;background:0 0;border:0;outline:0;width:100%;height:3.15rem}.search-icon{color:#879081}.primary-button,.secondary-button{color:#fff;background:#485d42;border:0;border-radius:.85rem;width:100%;margin-top:.7rem;padding:.86rem 1rem;font-weight:750;transition:background .2s,transform .2s;box-shadow:0 .6rem 1.5rem #485d422e}.primary-button:hover:not(:disabled){background:#354a31;transform:translateY(-1px)}.secondary-button{color:#40503d;box-shadow:none;background:#e2e5d7}button:disabled{cursor:not-allowed;opacity:.5}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.section-heading h1,.section-heading h2{margin-top:.35rem}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem;display:grid}.detail-grid div{gap:.3rem;display:grid}.detail-grid small,dt{color:#879081;font-size:.72rem}.detail-grid .full{background:#f2f1ea;border-radius:.8rem;grid-column:1/-1;padding:1rem}.detail-grid p{margin:0}.mono,code{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.clear-copy{margin:1.1rem 0 0}.danger-panel{border-color:#b443384d}.safe-panel{border-color:#4c744047}.status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:.4rem;align-items:center;width:fit-content;padding:.38rem .62rem;font-size:.66rem;font-weight:850;display:inline-flex}.status-eligible,.moderation-approved{color:#355b32;background:#dcebd5}.status-limit,.moderation-pending{color:#835d18;background:#f3e5ba}.status-habis,.status-danger,.moderation-rejected{color:#9b3d34;background:#f3d9d2}.reset-pending,.reset-otp_active{color:#835d18;background:#f3e5ba}.reset-completed{color:#355b32;background:#dcebd5}.reset-rejected,.reset-expired{color:#7a625e;background:#e8e2df}.barter-hero{color:#f5f4ec;background:#303a2e;min-height:18rem}.barter-hero .eyebrow{color:#c0c9b3}.barter-hero p{color:#c7cec1}.barter-stat{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff26;border-radius:50%;align-content:center;justify-items:center;width:10rem;display:grid}.barter-stat strong{font-family:Georgia,serif;font-size:3rem;font-weight:500}.barter-stat span{color:#c7cec1;font-size:.72rem}.barter-tools{grid-template-columns:minmax(14rem,1fr) auto;align-items:center;gap:1rem;display:grid}.control{color:#263026;background:#fff;border:1px solid #d2d6c8;border-radius:.72rem;width:100%;min-height:2.85rem;padding:.7rem .8rem}.filter-row,.auth-switch,.status-actions{flex-wrap:wrap;gap:.4rem;display:flex}.filter-row button,.auth-switch button{color:#687165;background:0 0;border:1px solid #d8dbd0;border-radius:.55rem;padding:.55rem .75rem;font-size:.76rem;font-weight:700}.filter-row button.active,.auth-switch button.active{color:#fff;background:#485d42;border-color:#485d42}.participant-table{padding:0;overflow:hidden}.participant-table-heading{border-bottom:1px solid #e2e2d8;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.participant-table-heading span{font-weight:750}.participant-table-heading small{color:#7c8578}.participant-table .table-wrap{max-height:38rem;margin:0}.participant-table table{min-width:47rem}.participant-table thead{z-index:1;background:#f1f0e8;position:sticky;top:0}.participant-table tbody tr{box-shadow:inset .22rem 0 #71816b}.participant-table tbody tr.row-limit{box-shadow:inset .22rem 0 #c1943e}.participant-table tbody tr.row-habis{box-shadow:inset .22rem 0 #b45a4d}.participant-table tbody tr:hover{background:#f6f5ee}.participant-table td{vertical-align:middle}.participant-table td:first-child{min-width:10rem}.participant-table code{color:#566151;font-size:.78rem}.contact-type{color:#788174;font-size:.72rem}.updated-cell{color:#687165;font-variant-numeric:tabular-nums;min-width:10rem;font-size:.76rem}.table-skeleton{border-radius:.35rem;height:3.8rem;margin:1px 1rem}.table-pagination{color:#687165;font-variant-numeric:tabular-nums;border-top:1px solid #e2e2d8;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;font-size:.76rem;display:flex}.table-pagination button{color:#485d42;background:#faf9f4;border:1px solid #d2d6c8;border-radius:.55rem;padding:.55rem .75rem;font-size:.75rem;font-weight:750}.table-pagination button:disabled{cursor:not-allowed;opacity:.4}.skeleton{background:linear-gradient(100deg,#e8e7df 35%,#f5f4ee 50%,#e8e7df 65%) 0 0/200% 100%;border:0;animation:1.3s infinite shimmer}.empty-state{text-align:center;padding-block:3rem}.floating-register{color:#fff;background:#485d42;border:0;border-radius:2rem;justify-self:center;padding:.85rem 1.2rem;font-weight:750}.notice{color:#566051;background:#e9e8df;border-radius:.7rem;margin:1rem 0;padding:.9rem 1rem;font-size:.86rem;line-height:1.5}.notice.warning{color:#765519;background:#f5eac9}.notice.danger{color:#8b3b32;background:#f3dcd7}.profile-form{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.2rem;display:grid}.profile-form label{gap:.4rem;display:grid}.profile-form button,.profile-form .form-help{grid-column:1/-1}.form-help{margin:-.25rem 0 0;font-size:.75rem}.status-control{border-top:1px solid #dddcd2;margin-top:1.8rem;padding-top:1.4rem}.status-control p{margin-top:.3rem}.status-choice{background:0 0;border:1px solid #d6d8ce;border-radius:.75rem;flex:1;min-width:7rem;padding:.8rem;font-weight:750}.status-choice.active{color:#fff;background:#485d42;border-color:#485d42}.choice-limit.active{background:#9b742d;border-color:#9b742d}.choice-habis.active{background:#9b463b;border-color:#9b463b}.text-button{background:0 0;border:0;margin-top:1.5rem;padding:.4rem 0;text-decoration:underline}.danger-text{color:#9b3d34}.moderation-list{gap:.7rem;display:grid}.moderation-card{justify-content:space-between;align-items:end;gap:1rem;display:flex}.moderation-card p{margin:.6rem 0 .25rem}.moderation-card small{color:#879081}.moderation-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.moderation-actions button{border:0;border-radius:.55rem;padding:.6rem .75rem;font-size:.74rem;font-weight:750}.approve-button{color:#31532f;background:#dcebd5}.reject-button{color:#7c581a;background:#f3e5ba}.delete-button{color:#913a31;background:#f3d9d2}.modal-overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#20271ea6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-box{background:#faf9f4;border-radius:1.2rem;width:min(100%,32rem);max-height:calc(100dvh - 2rem);padding:1.6rem;animation:.2s ease-out modal-in;position:relative;overflow-y:auto;box-shadow:0 2rem 5rem #181f174d}.modal-box h2{margin-top:0;font-family:Georgia,serif;font-size:1.7rem}.modal-close{color:#657061;background:#e8e8df;border:0;border-radius:50%;width:2rem;height:2rem;font-size:1.2rem;position:absolute;top:.8rem;right:.8rem}.auth-switch{margin-bottom:.8rem}.forgot-flow hr{border:0;border-top:1px solid #dddcd2;margin:1.4rem 0 .3rem}.reset-actions{flex-wrap:wrap;gap:.4rem;min-width:12rem;display:flex}.reset-actions button{border:0;border-radius:.55rem;padding:.6rem .75rem;font-size:.74rem;font-weight:750}.otp-display{color:#263026;letter-spacing:.25em;margin:1rem 0;font-family:ui-monospace,monospace;font-size:2rem;display:block}.table-wrap{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.83rem}th,td{text-align:left;border-bottom:1px solid #e2e2d8;padding:.8rem}th{color:#737d6f;text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.fade-up{animation:.45s both fade-up}.delay-a{animation-delay:60ms}@keyframes fade-up{0%{opacity:0;transform:translateY(.75rem)}}@keyframes modal-in{0%{opacity:0;transform:translateY(.7rem)scale(.98)}}@keyframes shimmer{to{background-position-x:-200%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=720px){.site-nav{flex-direction:row;align-items:center;min-width:0}.nav-tabs{flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}.nav-user{background:#faf9f4f5;flex:none;justify-content:flex-end;padding-left:.15rem}.nav-tab,.account-link{padding-inline:.65rem}.barter-tools{grid-template-columns:1fr}.barter-hero{min-height:auto}.barter-stat{width:7rem}.moderation-card{flex-direction:column;align-items:stretch}.moderation-actions{justify-content:flex-start}}@media (width<=480px){.mobile-frame{width:min(100% - 1rem,560px);padding-top:.5rem}.panel{border-radius:1.05rem}.hero-panel,.barter-hero{grid-template-columns:1fr}.manga-card{display:none}.barter-stat{aspect-ratio:auto;border-radius:.8rem;width:100%;padding:1rem}.barter-stat strong{font-size:2rem}.participant-table-heading small{display:none}.table-pagination{padding-inline:.8rem}.profile-form,.detail-grid{grid-template-columns:1fr}.detail-grid .full{grid-column:auto}}