.auth-scene{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(450px,.86fr);background:#fff}.auth-art{position:relative;display:flex;min-height:100vh;flex-direction:column;overflow:hidden;padding:34px clamp(32px,6vw,90px);color:#fff;background:linear-gradient(152deg,#07583b,#0b7850 55%,#39a76c)}.auth-art:before,.auth-art:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.auth-art:before{width:560px;height:560px;right:-170px;top:-210px}.auth-art:after{width:400px;height:400px;left:-210px;bottom:-230px}.auth-brand,.mobile-brand{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#fff;font-size:21px;font-weight:850;letter-spacing:-.045em;text-decoration:none}.auth-brand app-icon,.mobile-brand app-icon{color:#baf0cf}.art-copy{position:relative;z-index:1;margin-top:clamp(50px,10vh,115px);max-width:490px}.art-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff1a;font-size:12px;font-weight:650}.art-copy h1{margin:22px 0 12px;color:#fff;font-size:clamp(38px,4.4vw,60px);line-height:1.07;letter-spacing:-.055em}.art-copy h1 em{color:#c7f1a5;font-style:normal}.art-copy p{max-width:410px;margin:0;color:#e1f4e8;font-size:15px;line-height:1.7}.auth-illustration{position:relative;z-index:1;width:min(100%,650px);height:clamp(220px,34vh,350px);margin:auto auto 14px;object-fit:cover;object-position:center 46%;border:7px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 24px 55px #032b1a3b}.art-foot{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#e5f6eb;font-size:12px}.leaf-dot{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffff26;color:#d6f7b8}.auth-content{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;padding:44px clamp(28px,6vw,90px) 24px;background:radial-gradient(ellipse at 50% 2%,#f0faf3,#fff 46%)}.mobile-brand{display:none;color:#087845}.auth-form-wrap{width:min(100%,430px)}.form-heading{text-align:center}.form-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:18px;background:#eaf7ef;color:#0a7c4a}.form-eyebrow{margin:0 0 5px;color:#158050;font-size:12px;font-weight:800;letter-spacing:.04em}.form-heading h2{margin:0;color:#103f32;font-size:30px;font-weight:850;letter-spacing:-.05em}.form-heading>p:last-child{margin:9px auto 25px;color:#6b7d74;font-size:13px;line-height:1.6}.field-label{display:block;margin:0 0 7px;color:#2b4c40;font-size:12px;font-weight:750}.input-wrap{display:flex;align-items:center;gap:10px;min-height:49px;padding:0 13px;border:1px solid #dce9e1;border-radius:12px;background:#fff;color:#779086;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within{border-color:#4aa778;box-shadow:0 0 0 3px #379e651f}.input-wrap.has-error{border-color:#dd7773}.input-wrap input{width:100%;min-width:0;padding:13px 0;border:0;outline:0;background:transparent;color:#1f4638;font-size:13px}.input-wrap input::placeholder{color:#a4b2aa}.input-wrap input:focus-visible{outline:0}.password-label-row{display:flex;justify-content:space-between;margin-top:17px}.visibility-button{display:grid;place-items:center;width:30px;height:32px;border:0;background:transparent;color:#72887d;cursor:pointer}.field-error{margin:5px 0 0;color:#c1433f;font-size:11px}.error-alert,.success-alert{display:flex;align-items:flex-start;gap:8px;margin-top:15px;padding:11px 12px;border-radius:10px;font-size:12px;line-height:1.5}.error-alert{color:#a12f2a;background:#fff1f0;border:1px solid #f4d1cf}.success-alert{color:#17643e;background:#eef9f1;border:1px solid #d1ecd8}.success-check{display:grid;place-items:center;flex:0 0 19px;height:19px;border-radius:50%;color:#fff;background:#20804c;font-weight:800}.submit-button{display:flex;width:100%;min-height:49px;align-items:center;justify-content:center;gap:9px;margin-top:22px;border:0;border-radius:12px;color:#fff;background:linear-gradient(110deg,#12834e,#087141);box-shadow:0 8px 18px #0a77462e;font-size:14px;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 22px #0a77463b}.submit-button:disabled{opacity:.55;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.auth-switch{margin:21px 0 0;color:#718078;font-size:12px;text-align:center}.auth-switch a{margin-left:4px;color:#087845;font-weight:800;text-decoration:none}.auth-switch a:hover,.back-home:hover{text-decoration:underline}.back-home{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:20px;color:#648073;font-size:11px;font-weight:650;text-decoration:none}.back-home app-icon{transform:rotate(180deg)}.content-note{display:flex;align-items:center;gap:7px;margin:34px 0 0;color:#7c8f84;font-size:11px}.content-note app-icon{color:#258253}@media(max-width:950px){.auth-scene{grid-template-columns:minmax(350px,.9fr) minmax(390px,1fr)}.auth-art{padding-inline:34px}.auth-content{padding-inline:36px}.art-copy h1{font-size:42px}}@media(max-width:720px){.auth-scene{display:flex;flex-direction:column}.auth-art{min-height:0;padding:22px 24px 18px}.auth-brand{font-size:18px}.art-copy{margin:25px 0 12px}.art-kicker{font-size:10px;padding:6px 10px}.art-copy h1{margin:14px 0 8px;font-size:34px}.art-copy p{font-size:12px;line-height:1.5}.auth-illustration{width:min(100%,480px);height:190px;margin:10px auto 12px;border-width:4px;border-radius:18px}.art-foot{font-size:10px}.auth-content{min-height:auto;flex:1;padding:31px 23px 20px}.content-note{margin-top:28px}.form-heading h2{font-size:26px}}@media(max-width:420px){.auth-art{padding-inline:18px}.art-copy h1{font-size:30px}.auth-illustration{height:155px}.auth-content{padding-inline:20px}.form-heading>p:last-child{font-size:12px;margin-bottom:21px}}.register-scene{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.94fr) minmax(500px,1.06fr);background:#fff}.register-art{position:relative;display:flex;min-height:100vh;flex-direction:column;overflow:hidden;padding:32px clamp(28px,5vw,76px);color:#fff;background:linear-gradient(150deg,#07583b,#0e7b50 60%,#42aa6c)}.register-art:before,.register-art:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}.register-art:before{width:490px;height:490px;right:-180px;top:-210px}.register-art:after{width:360px;height:360px;left:-210px;bottom:-210px}.register-brand,.register-mobile-brand{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#fff;font-size:20px;font-weight:850;letter-spacing:-.04em;text-decoration:none}.register-brand app-icon,.register-mobile-brand app-icon{color:#c9f2d6}.register-art-copy{position:relative;z-index:1;margin-top:clamp(38px,7vh,78px);max-width:470px}.register-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff1a;font-size:11px;font-weight:750}.register-art-copy h1{margin:18px 0 10px;font-size:clamp(35px,4vw,51px);font-weight:850;line-height:1.08;letter-spacing:-.055em}.register-art-copy h1 em{color:#c9f2a6;font-style:normal}.register-art-copy p{max-width:395px;margin:0;color:#e0f4e6;font-size:13px;line-height:1.7}.register-art img{position:relative;z-index:1;width:min(100%,550px);height:clamp(190px,29vh,275px);margin:auto auto 12px;object-fit:cover;object-position:center 48%;border:6px solid rgba(255,255,255,.18);border-radius:22px;box-shadow:0 20px 45px #032b1a33}.register-art-note{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin:0;color:#e4f6e9;font-size:11px}.register-content{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:26px clamp(26px,5vw,78px);background:radial-gradient(ellipse at 50% 0%,#f1faf4,#fff 48%)}.register-mobile-brand{display:none;color:#087845}.register-form-wrap{width:min(100%,470px)}.register-heading{text-align:center}.register-form-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 9px;border-radius:15px;background:#eaf7ef;color:#0c7b49}.register-heading>p{margin:0 0 4px;color:#17804e;font-size:11px;font-weight:800}.register-heading h2{margin:0;color:#103f32;font-size:27px;font-weight:850;letter-spacing:-.045em}.register-heading small{display:block;max-width:390px;margin:6px auto 16px;color:#718078;font-size:11px;line-height:1.5}.register-label{display:block;margin:0 0 5px;color:#2b4c40;font-size:11px;font-weight:750}.class-label{margin-top:12px}.register-input,.class-picker-trigger{display:flex;width:100%;min-height:42px;align-items:center;gap:9px;padding:0 11px;border:1px solid #dce9e1;border-radius:10px;background:#fff;color:#779086;transition:border-color .18s,box-shadow .18s}.register-input:focus-within,.class-picker-trigger:focus-visible{border-color:#4aa778;box-shadow:0 0 0 3px #379e651c}.register-input.invalid,.class-picker-trigger.invalid{border-color:#dd7773}.register-input input{width:100%;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:#1f4638;font-size:12px}.register-input input::placeholder{color:#a4b2aa}.register-input input:focus-visible{outline:0}.register-visibility{display:grid;place-items:center;width:28px;height:30px;border:0;background:transparent;color:#72887d;cursor:pointer}.register-field-error,.class-api-error{margin:4px 0 0;color:#bd3d39;font-size:10px}.class-api-error{color:#996b18}.class-picker{position:relative}.class-picker-trigger{justify-content:flex-start;cursor:pointer;text-align:left;font-size:12px}.class-picker-trigger span:nth-child(2){flex:1}.class-picker-trigger app-icon:last-child{color:#779086}.class-placeholder{color:#a4b2aa}.class-picker-panel{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;padding:8px;border:1px solid #dce9e1;border-radius:12px;background:#fff;box-shadow:0 13px 30px #19433126}.class-search{display:flex;align-items:center;gap:8px;padding:0 9px;border:1px solid #e4eee8;border-radius:8px;color:#779086}.class-search input{width:100%;min-width:0;padding:9px 0;border:0;outline:0;color:#214638;font-size:11px}.class-search input:focus-visible{outline:0}.class-options{max-height:155px;overflow:auto;margin-top:5px}.class-options button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:8px 9px;border:0;border-radius:7px;color:#315647;background:#fff;font-size:11px;text-align:left;cursor:pointer}.class-options button:hover,.class-options button[aria-selected=true]{background:#eef8f1;color:#087845}.selected-check{color:#11814f;font-weight:900}.class-empty{margin:0;padding:10px 8px;color:#74877d;font-size:10px}.register-error-alert{margin-top:10px;padding:9px 10px;border:1px solid #f3d4d2;border-radius:9px;color:#a12f2a;background:#fff1f0;font-size:11px;line-height:1.45}.register-submit{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:8px;margin-top:15px;border:0;border-radius:10px;color:#fff;background:linear-gradient(110deg,#12834e,#087141);box-shadow:0 7px 16px #0a77462e;font-size:12px;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s}.register-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #0a774638}.register-submit:disabled{opacity:.56;cursor:not-allowed}.register-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:register-spin .7s linear infinite}@keyframes register-spin{to{transform:rotate(360deg)}}.register-switch{margin:14px 0 0;color:#718078;font-size:11px;text-align:center}.register-switch a{margin-left:4px;color:#087845;font-weight:800;text-decoration:none}.register-switch a:hover{text-decoration:underline}@media(max-width:900px){.register-scene{grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr)}.register-art{padding-inline:28px}.register-content{padding-inline:35px}.register-art-copy h1{font-size:38px}}@media(max-width:720px){.register-scene{display:flex;flex-direction:column}.register-art{min-height:0;padding:19px 22px 16px}.register-brand{font-size:17px}.register-art-copy{margin:20px 0 9px}.register-art-copy h1{margin:12px 0 7px;font-size:31px}.register-art-copy p{font-size:11px;line-height:1.5}.register-art img{width:min(100%,430px);height:145px;margin:8px auto 10px;border-width:4px;border-radius:16px}.register-art-note{font-size:10px}.register-content{min-height:auto;padding:24px 21px 27px}.register-heading>small{margin-bottom:13px}.class-label{margin-top:10px}}@media(max-width:430px){.register-art{padding-inline:17px}.register-art-copy h1{font-size:28px}.register-art img{height:125px}.register-content{padding-inline:18px}.register-heading h2{font-size:24px}}.auth-brand-copy,.mobile-brand-copy,.register-brand-copy,.register-mobile-brand-copy{display:flex;flex-direction:column;line-height:1.1}.auth-brand-copy strong,.mobile-brand-copy strong,.register-brand-copy strong,.register-mobile-brand-copy strong{font-size:inherit;font-weight:850;letter-spacing:-.045em}.auth-brand-copy small,.mobile-brand-copy small,.register-brand-copy small,.register-mobile-brand-copy small{margin-top:3px;font-size:10px;font-weight:600;letter-spacing:0;line-height:1.15;opacity:.84}app-admin-users-page .admin-page{max-width:1500px;margin:0 auto}app-admin-users-page .page-title-row{display:flex;align-items:center;gap:18px;margin:3px 5px 30px}app-admin-users-page .title-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#128345;background:#e6f6eb}app-admin-users-page .page-title-row h1{margin:0;color:#101c28;font-size:clamp(25px,3vw,36px);font-weight:850;letter-spacing:-.045em}app-admin-users-page .page-title-row p{margin:4px 0 0;color:#718078;font-size:15px}app-admin-users-page .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}app-admin-users-page .summary-card{display:flex;align-items:center;gap:15px;min-height:112px;padding:18px 20px;border:1px solid #edf2ef;border-radius:16px;background:#fffffff0;box-shadow:0 5px 16px #2c543a08}app-admin-users-page .summary-icon{display:grid;flex:0 0 62px;width:62px;height:62px;place-items:center;border-radius:50%}app-admin-users-page .summary-card.green .summary-icon{color:#168146;background:#e7f7ea}app-admin-users-page .summary-card.blue .summary-icon{color:#1874d1;background:#e8f2ff}app-admin-users-page .summary-card.amber .summary-icon{color:#dc8800;background:#fff2da}app-admin-users-page .summary-card.red .summary-icon{color:#e53838;background:#ffe9eb}app-admin-users-page .summary-card small{display:block;color:#758078;font-size:13px}app-admin-users-page .summary-card strong{display:block;margin-top:5px;color:#111d2c;font-size:27px;font-weight:850;line-height:1.05}app-admin-users-page .table-panel{padding:15px 14px 8px;border:1px solid #edf2ef;border-radius:18px;background:#fffffff2;box-shadow:0 7px 24px #173b2508}app-admin-users-page .filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(130px,180px) minmax(130px,180px) auto;align-items:end;gap:13px;padding:2px 2px 16px}app-admin-users-page .search-box{display:flex;align-items:center;gap:12px;min-height:47px;padding:0 13px;border:1px solid #d9e3df;border-radius:10px;color:#54635d;background:#fff}app-admin-users-page .search-box:focus-within{border-color:#54a774;box-shadow:0 0 0 3px #18824b13}app-admin-users-page .search-box input{width:100%;min-width:0;border:0;outline:0;color:#223a30;background:transparent;font:inherit;font-size:14px}app-admin-users-page .search-box input::placeholder{color:#929d98}app-admin-users-page .filter-field{display:grid;gap:5px;color:#6a7972;font-size:12px}app-admin-users-page .filter-field select,app-admin-users-page .dialog-form input,app-admin-users-page .dialog-form select{width:100%;min-height:44px;padding:0 12px;border:1px solid #d9e3df;border-radius:9px;outline-color:#16834a;color:#22372e;background:#fff;font:inherit;font-size:14px}app-admin-users-page .primary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #17844b;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1a9655,#08763f);box-shadow:0 4px 9px #13834520;font:inherit;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}app-admin-users-page .primary-button:hover{background:linear-gradient(135deg,#12874b,#076d39)}app-admin-users-page .primary-button:disabled,app-admin-users-page .outline-button:disabled,app-admin-users-page .small-button:disabled{opacity:.5;cursor:not-allowed}app-admin-users-page .add-button{min-width:190px}app-admin-users-page .table-scroll{overflow-x:auto;border-radius:12px}app-admin-users-page table{width:100%;min-width:1010px;border-collapse:separate;border-spacing:0;color:#25362f;font-size:13px}app-admin-users-page thead{background:#f4f6f6}app-admin-users-page th{height:52px;padding:0 12px;color:#15221d;font-size:12px;font-weight:800;text-align:left;white-space:nowrap}app-admin-users-page th:first-child{border-radius:11px 0 0 11px}app-admin-users-page th:last-child{border-radius:0 11px 11px 0}app-admin-users-page td{height:66px;padding:8px 12px;border-bottom:1px solid #edf1ef;white-space:nowrap}app-admin-users-page tbody tr:last-child td{border-bottom:0}app-admin-users-page .person-cell{display:flex;align-items:center;gap:10px;min-width:175px}app-admin-users-page .person-cell strong{max-width:160px;overflow:hidden;text-overflow:ellipsis}app-admin-users-page .avatar{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:50%;color:#426079;background:linear-gradient(145deg,#dceef0,#cfe2e8)}app-admin-users-page .muted-cell{color:#708078}app-admin-users-page .role-badge,app-admin-users-page .state-badge{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:0 11px;border-radius:99px;color:#176d39;background:#e5f8eb;font-size:12px;font-weight:750}app-admin-users-page .role-badge.admin-role{color:#946000;background:#fff3d6}app-admin-users-page .role-badge:not(.admin-role){color:#1767bd;background:#e9f2ff}app-admin-users-page .state-badge i{width:8px;height:8px;border-radius:50%;background:#16934e}app-admin-users-page .state-badge.locked-state{color:#bc3d45;background:#ffebed}app-admin-users-page .state-badge.locked-state i{background:#e54850}app-admin-users-page .row-actions{display:flex;align-items:center;gap:6px}app-admin-users-page .small-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 9px;border:1px solid #dce4e1;border-radius:8px;color:#34463e;background:#fff;font:inherit;font-size:11px;font-weight:700;cursor:pointer}app-admin-users-page .small-button:hover{border-color:#9dc7aa;color:#087845;background:#f7fcf8}app-admin-users-page .small-button.unlock-button{color:#087845}app-admin-users-page .table-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px;padding:9px 7px;color:#728078;font-size:12px}app-admin-users-page .pagination{display:flex;align-items:center;gap:6px}app-admin-users-page .pagination button{display:grid;min-width:38px;height:38px;place-items:center;border:1px solid #dce5e0;border-radius:9px;color:#354940;background:#fff;font:inherit;cursor:pointer}app-admin-users-page .pagination button:hover:not(:disabled){border-color:#9bc7a8}app-admin-users-page .pagination button.current-page{border-color:#178449;color:#fff;background:#19864b;font-weight:800}app-admin-users-page .pagination button:disabled{opacity:.4;cursor:not-allowed}app-admin-users-page .previous-icon{transform:rotate(180deg)}app-admin-users-page .table-state{display:flex;min-height:250px;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#718078;text-align:center}app-admin-users-page .table-state h2{margin:10px 0 4px;color:#244435;font-size:17px}app-admin-users-page .table-state p{margin:4px 0 13px;font-size:13px}app-admin-users-page .table-state>app-icon{color:#19844c}app-admin-users-page .error-state>app-icon{color:#c47b16}app-admin-users-page .outline-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 14px;border:1px solid #d4dfd9;border-radius:9px;color:#3b5046;background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}app-admin-users-page .toast{display:flex;align-items:center;gap:8px;margin:0 2px 12px;padding:10px 13px;border:1px solid #ccebd4;border-radius:10px;color:#176d3c;background:#effaf2;font-size:13px;font-weight:700}app-admin-users-page .spinner{width:23px;height:23px;border:3px solid #d7eadf;border-top-color:#16844a;border-radius:50%;animation:spin .8s linear infinite}app-admin-users-page .modal-backdrop{position:fixed;z-index:60;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:22px;background:#14271f80;backdrop-filter:blur(3px)}app-admin-users-page .modal-card{width:min(100%,520px);max-height:calc(100vh - 44px);overflow-y:auto;padding:23px;border:1px solid #e5eee8;border-radius:18px;background:#fff;box-shadow:0 22px 70px #09271838}app-admin-users-page .modal-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}app-admin-users-page .modal-heading>div{min-width:0;flex:1}app-admin-users-page .modal-heading h2{margin:0;color:#18382a;font-size:20px;font-weight:800}app-admin-users-page .modal-heading p{margin:4px 0 0;color:#728078;font-size:12px}app-admin-users-page .modal-icon{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border-radius:14px;color:#158148;background:#e7f6eb}app-admin-users-page .close-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;color:#66756e;background:#f2f6f3;font-size:24px;line-height:1;cursor:pointer}app-admin-users-page .dialog-form{display:grid;gap:11px}app-admin-users-page .dialog-form label{display:grid;gap:6px;color:#40544a;font-size:12px;font-weight:750}app-admin-users-page .dialog-form input,app-admin-users-page .dialog-form select{min-height:42px;font-size:13px}app-admin-users-page .form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}app-admin-users-page .fixed-role{display:grid;gap:4px;padding:11px 12px;border:1px solid #e1eee5;border-radius:10px;background:#f6fbf7}app-admin-users-page .fixed-role span,app-admin-users-page .fixed-role small{color:#718078;font-size:11px}app-admin-users-page .fixed-role strong{overflow-wrap:anywhere;color:#21543a;font-size:12px}app-admin-users-page .field-error{color:#bd4449;font-size:11px}app-admin-users-page .field-error button{padding:0;border:0;color:#087845;background:none;font-weight:750;cursor:pointer}app-admin-users-page .inline-error{padding:10px 12px;border-radius:9px;color:#a92e37;background:#fff0f1;font-size:12px}app-admin-users-page .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}app-admin-users-page .detail-modal{width:min(100%,470px)}app-admin-users-page .large-avatar{width:50px;height:50px;flex-basis:50px}app-admin-users-page .detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:0 12px}app-admin-users-page .detail-grid span,app-admin-users-page .detail-grid strong{padding:11px 3px;border-bottom:1px solid #edf2ef;font-size:13px}app-admin-users-page .detail-grid span{color:#728078}app-admin-users-page .detail-grid strong{color:#264438}app-admin-users-page .detail-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:#718078;font-size:13px}app-admin-users-page .confirm-card{width:min(100%,440px);text-align:center}app-admin-users-page .confirm-card>.modal-icon{margin:0 auto 12px}app-admin-users-page .warning-icon{color:#b94e27;background:#fff1e7}app-admin-users-page .confirm-card h2{margin:0 0 8px;color:#1a372a;font-size:21px}app-admin-users-page .confirm-card p{margin:0 0 10px;color:#6e7d76;font-size:13px;line-height:1.6}app-admin-users-page .confirm-card>strong{display:block;color:#344d40;font-size:13px;overflow-wrap:anywhere}app-admin-users-page .confirm-card .modal-actions{justify-content:center;margin-top:20px}app-admin-users-page .danger-button{border-color:#ba3c3c;background:#c94343}app-admin-users-page .danger-button:hover{background:#b43535}@media(max-width:1050px){app-admin-users-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-admin-users-page .filters{grid-template-columns:minmax(190px,1fr) minmax(125px,170px) minmax(125px,170px)}app-admin-users-page .add-button{grid-column:3;justify-self:stretch}}@media(max-width:650px){app-admin-users-page .page-title-row{align-items:flex-start;gap:12px;margin:2px 2px 20px}app-admin-users-page .title-icon{width:46px;height:46px;border-radius:14px}app-admin-users-page .page-title-row h1{font-size:25px}app-admin-users-page .page-title-row p{font-size:12px;line-height:1.45}app-admin-users-page .summary-grid{gap:9px;margin-bottom:14px}app-admin-users-page .summary-card{min-height:88px;gap:10px;padding:12px}app-admin-users-page .summary-icon{width:43px;height:43px;flex-basis:43px}app-admin-users-page .summary-icon app-icon{width:21px;height:21px}app-admin-users-page .summary-card small{font-size:10px}app-admin-users-page .summary-card strong{font-size:22px}app-admin-users-page .table-panel{padding:11px 9px 6px;border-radius:14px}app-admin-users-page .filters{grid-template-columns:1fr 1fr;gap:10px}app-admin-users-page .search-box{grid-column:1/-1;min-height:43px}app-admin-users-page .filter-field select{min-height:40px;font-size:12px}app-admin-users-page .add-button{grid-column:1/-1;min-height:43px}app-admin-users-page .table-footer{align-items:flex-start;flex-direction:column;padding:13px 4px}app-admin-users-page .pagination{width:100%;justify-content:flex-end}app-admin-users-page .pagination button{min-width:34px;height:34px}app-admin-users-page .modal-backdrop{align-items:flex-end;padding:10px}app-admin-users-page .modal-card{max-height:calc(100vh - 20px);padding:18px;border-radius:18px 18px 13px 13px}app-admin-users-page .form-columns{grid-template-columns:1fr;gap:11px}app-admin-users-page .modal-actions>*{flex:1}app-admin-users-page .confirm-card{align-self:center;border-radius:18px}}@media(max-width:370px){app-admin-users-page .summary-card{gap:7px;padding:9px}app-admin-users-page .summary-icon{width:37px;height:37px;flex-basis:37px}app-admin-users-page .summary-card small{font-size:9px}app-admin-users-page .summary-card strong{font-size:19px}app-admin-users-page .page-title-row h1{font-size:22px}}app-admin-items-page .admin-page{max-width:1500px;margin:0 auto}app-admin-items-page .page-title-row{display:flex;align-items:center;gap:18px;margin:3px 5px 30px}app-admin-items-page .title-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#128345;background:#e6f6eb}app-admin-items-page .page-title-row h1{margin:0;color:#101c28;font-size:clamp(25px,3vw,36px);font-weight:850;letter-spacing:-.045em}app-admin-items-page .page-title-row p{margin:4px 0 0;color:#718078;font-size:15px}app-admin-items-page .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}app-admin-items-page .summary-card{display:flex;align-items:center;gap:15px;min-height:112px;padding:18px 20px;border:1px solid #edf2ef;border-radius:16px;background:#fffffff0;box-shadow:0 5px 16px #2c543a08}app-admin-items-page .summary-icon{display:grid;flex:0 0 62px;width:62px;height:62px;place-items:center;border-radius:50%}app-admin-items-page .summary-card.green .summary-icon{color:#168146;background:#e7f7ea}app-admin-items-page .summary-card.blue .summary-icon{color:#1874d1;background:#e8f2ff}app-admin-items-page .summary-card.amber .summary-icon{color:#dc8800;background:#fff2da}app-admin-items-page .summary-card.red .summary-icon{color:#e53838;background:#ffe9eb}app-admin-items-page .summary-card small{display:block;color:#758078;font-size:13px}app-admin-items-page .summary-card strong{display:block;margin-top:5px;color:#111d2c;font-size:27px;font-weight:850;line-height:1.05}app-admin-items-page .table-panel{padding:15px 14px 8px;border:1px solid #edf2ef;border-radius:18px;background:#fffffff2;box-shadow:0 7px 24px #173b2508}app-admin-items-page .filters{display:grid;grid-template-columns:minmax(190px,1.3fr) repeat(3,minmax(120px,.55fr)) auto;align-items:end;gap:11px;padding:2px 2px 16px}app-admin-items-page .search-box{display:flex;align-items:center;gap:12px;min-height:47px;padding:0 13px;border:1px solid #d9e3df;border-radius:10px;color:#54635d;background:#fff}app-admin-items-page .search-box:focus-within{border-color:#54a774;box-shadow:0 0 0 3px #18824b13}app-admin-items-page .search-box input{width:100%;min-width:0;border:0;outline:0;color:#223a30;background:transparent;font:inherit;font-size:13px}app-admin-items-page .search-box input::placeholder{color:#929d98}app-admin-items-page .filter-field{display:grid;gap:5px;color:#6a7972;font-size:11px}app-admin-items-page .filter-field select{width:100%;min-height:44px;padding:0 9px;border:1px solid #d9e3df;border-radius:9px;outline-color:#16834a;color:#22372e;background:#fff;font:inherit;font-size:12px}app-admin-items-page .primary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid #17844b;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1a9655,#08763f);box-shadow:0 4px 9px #13834520;font:inherit;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none;cursor:pointer}app-admin-items-page .primary-button:hover{background:linear-gradient(135deg,#12874b,#076d39)}app-admin-items-page .primary-button:disabled,app-admin-items-page .outline-button:disabled,app-admin-items-page .small-button:disabled{opacity:.5;cursor:not-allowed}app-admin-items-page .add-button{min-width:160px}app-admin-items-page .table-scroll{overflow-x:auto;border-radius:12px}app-admin-items-page table{width:100%;min-width:1150px;border-collapse:separate;border-spacing:0;color:#25362f;font-size:12px}app-admin-items-page thead{background:#f4f6f6}app-admin-items-page th{height:52px;padding:0 10px;color:#15221d;font-size:11px;font-weight:800;text-align:left;white-space:nowrap}app-admin-items-page th:first-child{border-radius:11px 0 0 11px}app-admin-items-page th:last-child{border-radius:0 11px 11px 0}app-admin-items-page td{height:70px;padding:8px 10px;border-bottom:1px solid #edf1ef;white-space:nowrap}app-admin-items-page tbody tr:last-child td{border-bottom:0}app-admin-items-page .item-cell{display:flex;align-items:center;gap:9px;min-width:200px}app-admin-items-page .item-cell img,app-admin-items-page .cover-placeholder{width:48px;height:50px;flex:0 0 48px;border-radius:8px;object-fit:cover;background:#edf5f0}app-admin-items-page .cover-placeholder{display:grid;place-items:center;color:#218051}app-admin-items-page .item-cell strong{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.35}app-admin-items-page .owner-cell{display:flex;align-items:center;gap:7px;max-width:145px}app-admin-items-page .owner-cell>span:last-child{max-width:105px;overflow:hidden;text-overflow:ellipsis}app-admin-items-page .avatar{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;color:#426079;background:linear-gradient(145deg,#dceef0,#cfe2e8)}app-admin-items-page .category-badge,app-admin-items-page .type-badge,app-admin-items-page .condition-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:99px;color:#1767bd;background:#eaf3ff;font-size:11px;font-weight:750}app-admin-items-page .type-badge{color:#178045;background:#e4f8eb}app-admin-items-page .type-badge.exchange-type{color:#b46c00;background:#fff1d8}app-admin-items-page .condition-badge{color:#38814b;background:#eff9ed}app-admin-items-page .muted-cell{color:#708078}app-admin-items-page .state-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border-radius:99px;color:#176d39;background:#e5f8eb;font-size:10px;font-weight:750}app-admin-items-page .state-badge i{width:7px;height:7px;border-radius:50%;background:#16934e}app-admin-items-page .state-badge.hidden-state,app-admin-items-page .state-badge.deleted-state{color:#b53d47;background:#ffebed}app-admin-items-page .state-badge.hidden-state i,app-admin-items-page .state-badge.deleted-state i{background:#e54850}app-admin-items-page .state-badge.reserved-state{color:#a76a02;background:#fff3dd}app-admin-items-page .state-badge.reserved-state i{background:#df940f}app-admin-items-page .state-badge.completed-state{color:#176d39;background:#dcf7e7}app-admin-items-page .row-actions{display:flex;align-items:center;gap:5px}app-admin-items-page .small-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:33px;padding:0 7px;border:1px solid #dce4e1;border-radius:8px;color:#34463e;background:#fff;font:inherit;font-size:10px;font-weight:700;cursor:pointer}app-admin-items-page .small-button:hover{border-color:#9dc7aa;color:#087845;background:#f7fcf8}app-admin-items-page .small-button.show-button{color:#087845}app-admin-items-page .small-button.delete-button{color:#ad454b}app-admin-items-page .table-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px;padding:9px 7px;color:#728078;font-size:12px}app-admin-items-page .pagination{display:flex;align-items:center;gap:6px}app-admin-items-page .pagination button{display:grid;min-width:38px;height:38px;place-items:center;border:1px solid #dce5e0;border-radius:9px;color:#354940;background:#fff;font:inherit;cursor:pointer}app-admin-items-page .pagination button:hover:not(:disabled){border-color:#9bc7a8}app-admin-items-page .pagination button.current-page{border-color:#178449;color:#fff;background:#19864b;font-weight:800}app-admin-items-page .pagination button:disabled{opacity:.4;cursor:not-allowed}app-admin-items-page .previous-icon{transform:rotate(180deg)}app-admin-items-page .table-state{display:flex;min-height:250px;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#718078;text-align:center}app-admin-items-page .table-state h2{margin:10px 0 4px;color:#244435;font-size:17px}app-admin-items-page .table-state p{margin:4px 0 13px;font-size:13px}app-admin-items-page .table-state>app-icon{color:#19844c}app-admin-items-page .error-state>app-icon{color:#c47b16}app-admin-items-page .outline-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 14px;border:1px solid #d4dfd9;border-radius:9px;color:#3b5046;background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}app-admin-items-page .toast{display:flex;align-items:center;gap:8px;margin:0 2px 12px;padding:10px 13px;border:1px solid #ccebd4;border-radius:10px;color:#176d3c;background:#effaf2;font-size:13px;font-weight:700}app-admin-items-page .spinner{width:23px;height:23px;border:3px solid #d7eadf;border-top-color:#16844a;border-radius:50%;animation:spin .8s linear infinite}app-admin-items-page .modal-backdrop{position:fixed;z-index:60;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:22px;background:#14271f80;backdrop-filter:blur(3px)}app-admin-items-page .modal-card{width:min(100%,610px);max-height:calc(100vh - 44px);overflow-y:auto;padding:23px;border:1px solid #e5eee8;border-radius:18px;background:#fff;box-shadow:0 22px 70px #09271838}app-admin-items-page .modal-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}app-admin-items-page .modal-heading>div{min-width:0;flex:1}app-admin-items-page .modal-heading h2{margin:0;color:#18382a;font-size:20px;font-weight:800}app-admin-items-page .modal-heading p{margin:4px 0 0;color:#728078;font-size:12px}app-admin-items-page .modal-icon{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border-radius:14px;color:#158148;background:#e7f6eb}app-admin-items-page .close-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;color:#66756e;background:#f2f6f3;font-size:24px;line-height:1;cursor:pointer}app-admin-items-page .detail-images{display:flex;gap:9px;overflow-x:auto;padding:0 0 8px}app-admin-items-page .detail-images img{width:140px;height:130px;flex:0 0 140px;border-radius:11px;object-fit:cover;background:#f0f5f2}app-admin-items-page .no-image{display:flex;min-height:100px;align-items:center;gap:8px;color:#74847b}app-admin-items-page .item-detail-modal h3{margin:9px 0 5px;color:#1d3d2d;font-size:19px}app-admin-items-page .detail-description{margin:0 0 14px;color:#5d7067;font-size:13px;line-height:1.65;white-space:pre-line}app-admin-items-page .detail-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:0 12px}app-admin-items-page .detail-grid span,app-admin-items-page .detail-grid strong{padding:10px 3px;border-bottom:1px solid #edf2ef;font-size:12px}app-admin-items-page .detail-grid span{color:#728078}app-admin-items-page .detail-grid strong{color:#264438}app-admin-items-page .confirm-card{width:min(100%,450px);text-align:center}app-admin-items-page .confirm-card>.modal-icon{margin:0 auto 12px}app-admin-items-page .warning-icon{color:#b94e27;background:#fff1e7}app-admin-items-page .confirm-card h2{margin:0 0 8px;color:#1a372a;font-size:21px}app-admin-items-page .confirm-card p{margin:0 0 10px;color:#6e7d76;font-size:13px;line-height:1.6}app-admin-items-page .confirm-card>strong{display:block;color:#344d40;font-size:13px;overflow-wrap:anywhere}app-admin-items-page .confirm-card .modal-actions{justify-content:center;margin-top:20px}app-admin-items-page .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}app-admin-items-page .inline-error{padding:10px 12px;border-radius:9px;color:#a92e37;background:#fff0f1;font-size:12px}app-admin-items-page .danger-button{border-color:#ba3c3c;background:#c94343}app-admin-items-page .danger-button:hover{background:#b43535}@media(max-width:1150px){app-admin-items-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-admin-items-page .filters{grid-template-columns:minmax(210px,1fr) repeat(2,minmax(130px,.65fr))}app-admin-items-page .status-filter{grid-column:2}app-admin-items-page .add-button{grid-column:3;grid-row:2}}@media(max-width:650px){app-admin-items-page .page-title-row{align-items:flex-start;gap:12px;margin:2px 2px 20px}app-admin-items-page .title-icon{width:46px;height:46px;border-radius:14px}app-admin-items-page .page-title-row h1{font-size:25px}app-admin-items-page .page-title-row p{font-size:12px;line-height:1.45}app-admin-items-page .summary-grid{gap:9px;margin-bottom:14px}app-admin-items-page .summary-card{min-height:88px;gap:10px;padding:12px}app-admin-items-page .summary-icon{width:43px;height:43px;flex-basis:43px}app-admin-items-page .summary-icon app-icon{width:21px;height:21px}app-admin-items-page .summary-card small{font-size:10px}app-admin-items-page .summary-card strong{font-size:22px}app-admin-items-page .table-panel{padding:11px 9px 6px;border-radius:14px}app-admin-items-page .filters{grid-template-columns:1fr 1fr;gap:9px}app-admin-items-page .search-box{grid-column:1/-1;min-height:43px}app-admin-items-page .status-filter{grid-column:auto;grid-row:auto}app-admin-items-page .filter-field select{min-height:40px;font-size:11px}app-admin-items-page .add-button{grid-column:1/-1;grid-row:auto;min-height:43px}app-admin-items-page .table-footer{align-items:flex-start;flex-direction:column;padding:13px 4px}app-admin-items-page .pagination{width:100%;justify-content:flex-end}app-admin-items-page .pagination button{min-width:34px;height:34px}app-admin-items-page .modal-backdrop{align-items:flex-end;padding:10px}app-admin-items-page .modal-card{max-height:calc(100vh - 20px);padding:18px;border-radius:18px 18px 13px 13px}app-admin-items-page .modal-actions>*{flex:1}app-admin-items-page .confirm-card{align-self:center;border-radius:18px}}@media(max-width:370px){app-admin-items-page .summary-card{gap:7px;padding:9px}app-admin-items-page .summary-icon{width:37px;height:37px;flex-basis:37px}app-admin-items-page .summary-card small{font-size:9px}app-admin-items-page .summary-card strong{font-size:19px}app-admin-items-page .page-title-row h1{font-size:22px}}.account-menu-wrap{position:relative}.account-trigger{display:flex;align-items:center;gap:9px;min-height:42px;max-width:250px;padding:3px 8px 3px 4px;border:1px solid #e4eee8;border-radius:11px;background:#fff;color:#173c32;cursor:pointer;text-align:left}.account-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eaf7ef;color:#0e7748}.account-copy{display:flex;min-width:0;flex-direction:column;line-height:1.2}.account-copy strong{overflow:hidden;max-width:155px;color:#174638;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.account-copy small{overflow:hidden;max-width:155px;margin-top:3px;color:#71827b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{position:absolute;z-index:30;top:calc(100% + 9px);right:0;width:210px;padding:6px;border:1px solid #e4eee8;border-radius:13px;background:#fff;box-shadow:0 14px 32px #143f3029}.account-dropdown a,.account-dropdown button{display:flex;width:100%;align-items:center;gap:9px;padding:10px;border:0;border-radius:8px;color:#35574a;background:transparent;font-size:12px;font-weight:650;text-align:left;text-decoration:none;cursor:pointer}.account-dropdown a:hover,.account-dropdown button:hover{color:#087845;background:#f0f8f3}.mobile-account{display:flex;width:100%;align-items:center;gap:10px;padding:8px 10px;color:#0c6241;text-decoration:none}.mobile-account span{display:flex;flex-direction:column;min-width:0}.mobile-account strong,.mobile-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-account strong{font-size:13px}.mobile-account small{margin-top:3px;color:#71827b;font-size:11px}app-site-footer{display:block;width:min(100% - 48px,1420px);margin:20px auto 0}app-site-footer.compact{width:100%;max-width:none;margin:0}app-site-footer .site-footer{overflow:hidden;border:1px solid #e4eee8;border-radius:16px;background:#fff;box-shadow:0 8px 24px #244b330b;color:#34463e}app-site-footer.compact .site-footer{border-right:0;border-bottom:0;border-left:0;border-radius:0;box-shadow:none}app-site-footer .footer-grid{display:grid;grid-template-columns:minmax(250px,1.25fr) minmax(220px,1fr) minmax(190px,.8fr);gap:clamp(24px,5vw,72px);padding:30px clamp(24px,4vw,56px) 25px}app-site-footer .footer-brand-column>p,app-site-footer .footer-school-column>p{margin:12px 0 0;color:#64756d;font-size:13px;line-height:1.65}app-site-footer .footer-brand{display:inline-flex;align-items:center;gap:10px;color:#07583b;text-decoration:none}app-site-footer .footer-leaf{display:inline-flex;color:#13814a}app-site-footer .footer-brand-copy{display:flex;flex-direction:column;line-height:1.15}app-site-footer .footer-brand-copy strong{font-size:19px;font-weight:850;letter-spacing:-.04em}app-site-footer .footer-brand-copy small{margin-top:4px;color:#718078;font-size:11px;font-weight:600}app-site-footer .footer-school-column h2,app-site-footer .footer-quick-links h2{margin:3px 0 0;color:#174638;font-size:14px;font-weight:800}app-site-footer .footer-quick-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}app-site-footer .footer-quick-links h2{margin-bottom:2px}app-site-footer .footer-quick-links a{color:#5b6e64;font-size:13px;text-decoration:none;transition:color .16s ease}app-site-footer .footer-quick-links a:hover{color:#087845;text-decoration:underline;text-underline-offset:3px}app-site-footer .footer-bottom{display:flex;justify-content:center;padding:13px 20px;border-top:1px solid #edf2ef;background:#f8fbf9;color:#63736b;text-align:center}app-site-footer .footer-bottom p{margin:0;font-size:11px;line-height:1.5}@media(max-width:820px){app-site-footer{width:min(100% - 32px,1420px)}app-site-footer.compact{width:100%}app-site-footer .footer-grid{grid-template-columns:minmax(220px,1fr) minmax(200px,1fr);gap:25px 34px}app-site-footer .footer-quick-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,max-content);align-items:center;gap:12px 22px}app-site-footer .footer-quick-links h2{grid-column:1/-1}}@media(max-width:560px){app-site-footer{width:calc(100% - 24px);margin-top:14px}app-site-footer.compact{width:100%;margin-top:0}app-site-footer .site-footer{border-radius:13px}app-site-footer .footer-grid{grid-template-columns:1fr;gap:21px;padding:23px 20px}app-site-footer .footer-brand-column>p,app-site-footer .footer-school-column>p{margin-top:8px;font-size:12px}app-site-footer .footer-quick-links{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}app-site-footer .footer-quick-links h2{grid-column:1/-1}app-site-footer .footer-quick-links a{font-size:12px}app-site-footer .footer-bottom{padding:11px 14px}}app-post-item-page{display:block;min-height:100vh;color:#1c302a}app-post-item-page .post-page{position:relative;overflow:hidden;min-height:calc(100vh - 145px);padding:18px 0 34px;background:linear-gradient(180deg,#f4faf6,#f8fcf9)}app-post-item-page .post-page:before,app-post-item-page .post-page:after{position:absolute;z-index:0;width:210px;height:300px;content:"";opacity:.12;pointer-events:none;background:radial-gradient(ellipse at 30% 30%,#72b987 0 7%,transparent 8%),radial-gradient(ellipse at 60% 50%,#4e9b67 0 10%,transparent 11%),radial-gradient(ellipse at 30% 72%,#88c497 0 9%,transparent 10%)}app-post-item-page .post-page:before{bottom:0;left:-82px;transform:rotate(-28deg)}app-post-item-page .post-page:after{right:-100px;bottom:0;transform:rotate(24deg)}app-post-item-page .post-container{position:relative;z-index:1;width:min(100% - 48px,1360px);margin:0 auto}app-post-item-page .back-link{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px 15px;color:#8a9890;font-size:12px;text-decoration:none}app-post-item-page .back-link app-icon{transform:rotate(180deg)}app-post-item-page .back-link:hover{color:#087845}app-post-item-page .page-heading{display:flex;align-items:center;gap:13px;margin:0 0 17px 12px}app-post-item-page .heading-leaf{display:grid;place-items:center;width:42px;height:50px;color:#67af78;transform:rotate(-24deg)}app-post-item-page .page-heading h1{margin:0;color:#182d27;font-size:clamp(25px,3.1vw,32px);font-weight:820;letter-spacing:-.035em;line-height:1.15}app-post-item-page .page-heading p{margin:5px 0 0;color:#67766f;font-size:14px}app-post-item-page .post-layout{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(290px,.98fr);gap:18px;align-items:start}app-post-item-page .post-form{min-width:0;padding:23px 26px 17px;border:1px solid #ebf0ec;border-radius:13px;background:#fff;box-shadow:0 7px 24px #1f4d3409}app-post-item-page .form-section{min-width:0;margin:0 0 17px}app-post-item-page .form-section label,app-post-item-page .form-section h2{display:block;margin:0 0 9px;color:#252f2b;font-size:14px;font-weight:750}app-post-item-page .required-mark{color:#e45454}app-post-item-page .photo-tools{display:flex;min-width:0;align-items:stretch;gap:13px}app-post-item-page .drop-zone{display:flex;min-width:180px;min-height:112px;flex:1 1 350px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;border:1.5px dashed #cbd4ce;border-radius:10px;color:#78837d;background:#fdfefd;font:inherit;text-align:center;cursor:pointer;transition:border-color .16s,background .16s}app-post-item-page .drop-zone app-icon{margin-bottom:1px;color:#495a51}app-post-item-page .drop-zone span{font-size:13px}app-post-item-page .drop-zone small{color:#89958e;font-size:11px}app-post-item-page .drop-zone:hover,app-post-item-page .drop-zone.drag-active{border-color:#18834e;background:#f2faf5}app-post-item-page .drop-zone:disabled{cursor:not-allowed;opacity:.62}app-post-item-page .preview-list{display:flex;flex:0 0 auto;align-items:center;gap:10px;overflow-x:auto;max-width:min(50%,390px)}app-post-item-page .image-preview{position:relative;width:108px;height:112px;flex:0 0 auto;overflow:hidden;margin:0;border:1px solid #e3eae5;border-radius:10px;background:#f5f7f5}app-post-item-page .image-preview img{width:100%;height:100%;object-fit:cover}app-post-item-page .cover-preview{box-shadow:0 0 0 2px #15834b}app-post-item-page .cover-badge{position:absolute;bottom:5px;left:5px;max-width:calc(100% - 10px);overflow:hidden;padding:4px 7px;border-radius:6px;color:#0b6e3e;background:#effbf3f5;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}app-post-item-page .remove-image{position:absolute;top:5px;right:5px;display:grid;width:22px;height:22px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:50%;color:#4d5752;background:#fffffff5;box-shadow:0 1px 5px #00000029;cursor:pointer}app-post-item-page .remove-image:hover{color:#fff;background:#bd4747}app-post-item-page .add-photo{display:flex;width:77px;height:112px;flex:0 0 77px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:5px;border:1.5px dashed #cbd4ce;border-radius:10px;color:#75837a;background:#fff;font:inherit;font-size:10px;cursor:pointer}app-post-item-page .add-photo:hover{border-color:#15834b;color:#087845;background:#f6fcf8}app-post-item-page .add-plus{display:grid;width:39px;height:39px;place-items:center;border:1px solid #e1e9e3;border-radius:50%;color:#16814a}app-post-item-page .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}app-post-item-page .form-section input,app-post-item-page .form-section textarea,app-post-item-page .select-wrap select{width:100%;min-height:44px;padding:0 13px;border:1px solid #dfe5e1;border-radius:8px;outline:none;color:#29332f;background:#fff;font:inherit;font-size:13px;transition:border-color .16s,box-shadow .16s}app-post-item-page .form-section input::placeholder,app-post-item-page .form-section textarea::placeholder{color:#9aa49e}app-post-item-page .form-section input:focus,app-post-item-page .form-section textarea:focus,app-post-item-page .select-wrap select:focus{border-color:#51a571;box-shadow:0 0 0 3px #459f661f}app-post-item-page .form-section input.invalid,app-post-item-page .form-section textarea.invalid,app-post-item-page .select-wrap select.invalid{border-color:#dc6a6a}app-post-item-page .field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}app-post-item-page .field-pair .form-section{margin-bottom:16px}app-post-item-page .select-wrap{position:relative;display:flex;align-items:center}app-post-item-page .select-wrap>app-icon:first-child{position:absolute;z-index:1;left:13px;color:#404d46;pointer-events:none}app-post-item-page .select-wrap>app-icon:last-child{position:absolute;right:12px;color:#7e8a82;pointer-events:none}app-post-item-page .select-wrap select{padding-right:34px;appearance:none;cursor:pointer}app-post-item-page .select-wrap:has(app-icon:first-child) select{padding-left:43px}app-post-item-page .exchange-section{margin-bottom:17px}app-post-item-page .exchange-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}app-post-item-page .exchange-option{display:flex;min-height:75px;align-items:center;justify-content:center;gap:14px;padding:10px;border:1px solid #dfe5e1;border-radius:9px;color:#37423c;background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}app-post-item-page .exchange-option>app-icon{color:#404d46}app-post-item-page .exchange-option>span{display:flex;flex-direction:column;gap:3px}app-post-item-page .exchange-option strong{color:#303a35;font-size:13px}app-post-item-page .exchange-option small{color:#859088;font-size:10px}app-post-item-page .exchange-option.selected{border-color:#19804b;color:#116d40;background:#eef8f1;box-shadow:inset 0 0 0 1px #19804b1f}app-post-item-page .exchange-option.selected>app-icon,app-post-item-page .exchange-option.selected strong{color:#116d40}app-post-item-page .description-section textarea{min-height:105px;padding:10px 13px;resize:vertical;line-height:1.5}app-post-item-page .description-meta{display:flex;min-height:19px;align-items:center;justify-content:space-between}app-post-item-page .description-meta small{color:#929d96;font-size:10px}app-post-item-page .field-error{margin:5px 0 0;color:#b53e3e;font-size:11px}app-post-item-page .submit-error{display:flex;align-items:center;gap:8px;margin:2px 0 13px;padding:10px 12px;border:1px solid #f2caca;border-radius:9px;color:#a53636;background:#fff5f5;font-size:12px;line-height:1.45}app-post-item-page .form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:3px}app-post-item-page .cancel-button,app-post-item-page .submit-button{display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:8px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:background .16s,transform .16s}app-post-item-page .cancel-button{min-width:104px;border:1px solid #e0e4e1;color:#4d5751;background:#f8f9f8}app-post-item-page .cancel-button:hover{background:#eef1ef}app-post-item-page .submit-button{min-width:216px;border:1px solid #0b7542;color:#fff;background:linear-gradient(135deg,#16844b,#08733f);box-shadow:0 4px 10px #0c703e21}app-post-item-page .submit-button:hover:not(:disabled){transform:translateY(-1px);background:#08663a}app-post-item-page .submit-button:disabled,app-post-item-page .cancel-button:disabled{cursor:not-allowed;opacity:.66}app-post-item-page .spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}app-post-item-page .post-sidebar{display:flex;flex-direction:column;gap:17px}app-post-item-page .tips-card,app-post-item-page .green-note{border:1px solid #e3ece5;border-radius:13px;background:#fff}app-post-item-page .tips-card{padding:20px 22px 19px;background:linear-gradient(140deg,#f1f8f1,#f8fcf9)}app-post-item-page .tips-card h2{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#254537;font-size:17px;font-weight:800}app-post-item-page .tips-bulb{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#68b75b;box-shadow:0 0 0 5px #e1f1dc}app-post-item-page .tips-card ul{display:flex;flex-direction:column;gap:15px;margin:0;padding:0;list-style:none}app-post-item-page .tips-card li{display:flex;align-items:flex-start;gap:12px;color:#39463f;font-size:12px;line-height:1.45}app-post-item-page .tip-check{display:grid;width:21px;height:21px;flex:0 0 21px;place-items:center;margin-top:-2px;border-radius:50%;color:#fff;background:#378f4e;font-size:13px;font-weight:850}app-post-item-page .green-note{display:flex;min-height:345px;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;padding:22px 19px 17px;text-align:center}app-post-item-page .recycle-mark{margin:0 0 9px;color:#188149}app-post-item-page .green-note h2{max-width:270px;margin:0;color:#254537;font-size:15px;font-weight:800;line-height:1.4}app-post-item-page .green-illustration{width:100%;min-height:180px;flex:1;margin-top:5px;background-image:url(/images/school-reuse-hero.png);background-position:95% 83%;background-size:245% auto;background-repeat:no-repeat}app-post-item-page .green-note p{margin:2px 0 0;color:#41564a;font-size:12px;font-style:italic}app-post-item-page .submit-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#0f251b61;backdrop-filter:blur(3px)}app-post-item-page .submit-dialog{display:flex;width:min(100%,390px);flex-direction:column;align-items:center;padding:30px 27px 25px;border:1px solid #e5eee8;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0a2b1a33;text-align:center}app-post-item-page .upload-spinner{width:39px;height:39px;margin-bottom:15px;border:3px solid #d9eee0;border-top-color:#13804a;border-radius:50%;animation:spin .78s linear infinite}app-post-item-page .submit-dialog strong{color:#174632;font-size:18px}app-post-item-page .submit-dialog p{margin:8px 0 0;color:#6e7c74;font-size:12px;line-height:1.55}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){app-post-item-page .post-layout{grid-template-columns:minmax(0,1.55fr) minmax(265px,.9fr);gap:13px}app-post-item-page .post-form{padding-inline:19px}app-post-item-page .image-preview{width:88px}app-post-item-page .preview-list{max-width:48%}}@media(max-width:760px){app-post-item-page .post-container{width:calc(100% - 28px)}app-post-item-page .post-page{padding-top:13px}app-post-item-page .post-layout{grid-template-columns:1fr;gap:14px}app-post-item-page .post-form{padding:19px 16px 15px}app-post-item-page .post-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}app-post-item-page .tips-card{padding:17px 15px}app-post-item-page .tips-card h2{font-size:15px}app-post-item-page .tips-card li{gap:8px;font-size:11px}app-post-item-page .tips-card ul{gap:12px}app-post-item-page .green-note{min-height:300px;padding:19px 13px 15px}app-post-item-page .green-illustration{min-height:150px}}@media(max-width:560px){app-post-item-page .post-container{width:calc(100% - 22px)}app-post-item-page .back-link{margin-left:4px}app-post-item-page .page-heading{gap:8px;margin-left:1px}app-post-item-page .heading-leaf{width:38px}app-post-item-page .page-heading p{max-width:270px;font-size:12px;line-height:1.45}app-post-item-page .post-form{padding:17px 12px 13px;border-radius:11px}app-post-item-page .form-section{margin-bottom:15px}app-post-item-page .form-section label,app-post-item-page .form-section h2{font-size:13px}app-post-item-page .photo-tools{flex-direction:column}app-post-item-page .drop-zone{min-height:108px;flex-basis:auto}app-post-item-page .preview-list{max-width:100%;width:100%;padding-bottom:2px}app-post-item-page .image-preview{width:84px;height:94px}app-post-item-page .add-photo{width:74px;height:94px;flex-basis:74px}app-post-item-page .field-pair{gap:10px}app-post-item-page .field-pair .form-section label{min-height:34px}app-post-item-page .select-wrap select{min-height:43px;padding-left:10px;font-size:12px}app-post-item-page .select-wrap:has(app-icon:first-child) select{padding-left:37px}app-post-item-page .select-wrap>app-icon:first-child{left:10px}app-post-item-page .exchange-options{gap:8px}app-post-item-page .exchange-option{min-height:73px;gap:7px;padding:8px}app-post-item-page .exchange-option>app-icon{width:25px;height:25px}app-post-item-page .exchange-option strong{font-size:12px}app-post-item-page .exchange-option small{font-size:9px}app-post-item-page .form-section textarea{min-height:112px}app-post-item-page .form-actions{gap:8px}app-post-item-page .cancel-button,app-post-item-page .submit-button{min-height:43px;padding-inline:11px;font-size:12px}app-post-item-page .cancel-button{min-width:78px}app-post-item-page .submit-button{min-width:0;flex:1}app-post-item-page .post-sidebar{grid-template-columns:1fr}app-post-item-page .tips-card{padding:18px 17px}app-post-item-page .tips-card li{font-size:12px}app-post-item-page .green-note{min-height:275px}app-post-item-page .green-illustration{min-height:140px;background-size:205% auto}}app-item-detail-page{display:block;min-height:100vh;background:#f5faf7}app-item-detail-page .detail-page{width:min(100% - 48px,1180px);min-height:66vh;margin:0 auto;padding:30px 0 42px}app-item-detail-page .back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:#188051;font-size:13px;font-weight:700;text-decoration:none}app-item-detail-page .back-link app-icon{transform:rotate(180deg)}app-item-detail-page .detail-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(22px,4vw,48px);align-items:start;padding:clamp(16px,2.4vw,30px);border:1px solid #e3ede7;border-radius:22px;background:#fff;box-shadow:0 14px 42px #163f2e0e}app-item-detail-page .gallery-main{position:relative;display:grid;min-height:420px;overflow:hidden;place-items:center;border:1px solid #eaf0ec;border-radius:17px;background:#f4f7f4}app-item-detail-page .gallery-main>img{width:100%;height:100%;max-height:560px;aspect-ratio:1/1;object-fit:contain;background:#f4f7f4}app-item-detail-page .image-count{position:absolute;right:13px;bottom:13px;padding:6px 10px;border-radius:999px;color:#fff;background:#133628c7;font-size:11px}app-item-detail-page .image-fallback{display:flex;flex-direction:column;align-items:center;gap:12px;color:#5c806a}app-item-detail-page .gallery-thumbnails{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:2px 1px 5px}app-item-detail-page .gallery-thumbnails button{width:76px;height:76px;flex:0 0 auto;overflow:hidden;padding:0;border:2px solid transparent;border-radius:11px;background:#f2f6f3;cursor:pointer}app-item-detail-page .gallery-thumbnails button.selected{border-color:#17824c;box-shadow:0 0 0 3px #e2f3e8}app-item-detail-page .gallery-thumbnails img{width:100%;height:100%;object-fit:cover}app-item-detail-page .gallery-thumbnails img.thumbnail-unavailable{opacity:0}app-item-detail-page .detail-copy{padding:10px 2px}app-item-detail-page .detail-tags{display:flex;flex-wrap:wrap;gap:8px}app-item-detail-page .detail-tags span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700}app-item-detail-page .category-pill{color:#137b48;background:#eaf7ef}app-item-detail-page .condition-pill{color:#5d6e64;background:#f2f5f3}app-item-detail-page .offer-pill{color:#b36a00;background:#fff5de}app-item-detail-page .offer-pill.exchange{color:#0879bb;background:#eaf5ff}app-item-detail-page .detail-copy h1{margin:17px 0 12px;color:#123d32;font-size:clamp(27px,3.4vw,42px);line-height:1.12;letter-spacing:-.045em}app-item-detail-page .description{margin:0;padding:16px 0 21px;border-bottom:1px solid #edf1ee;color:#586c62;font-size:15px;line-height:1.75;white-space:pre-line}app-item-detail-page .created-notice{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid #cce8d3;border-radius:9px;color:#176a3a;background:#eef9f0;font-size:12px;font-weight:700}app-item-detail-page .created-notice span{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;color:#fff;background:#31934f}app-item-detail-page .owner-card{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px;border:1px solid #e7eee9;border-radius:14px;background:#fbfdfb}app-item-detail-page .owner-avatar{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;color:#087845;background:#e4f3e9}app-item-detail-page .owner-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:4px}app-item-detail-page .owner-copy strong{overflow:hidden;color:#244638;font-size:14px;text-overflow:ellipsis;white-space:nowrap}app-item-detail-page .owner-copy small{color:#829088;font-size:12px}app-item-detail-page .owner-label{color:#88968e;font-size:10px}app-item-detail-page .posted-date{display:flex;align-items:center;gap:7px;margin-top:15px;color:#77867e;font-size:12px}app-item-detail-page .detail-actions{margin-top:24px}app-item-detail-page .primary-action{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;color:#fff;background:#11804a;font:inherit;font-size:14px;font-weight:750;box-shadow:0 6px 14px #11804a2e;cursor:pointer;transition:background .18s,transform .18s}app-item-detail-page .primary-action:hover{transform:translateY(-1px);background:#09663a}app-item-detail-page .detail-actions p{margin:9px 0 0;color:#97a39c;font-size:11px;text-align:center}app-item-detail-page .not-found{display:flex;min-height:400px;flex-direction:column;align-items:center;justify-content:center;text-align:center}app-item-detail-page .state-icon{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;color:#16804b;background:#eaf7ef}app-item-detail-page .not-found h1{margin:14px 0 4px;color:#163f34;font-size:25px}app-item-detail-page .not-found p{color:#6d7d75;font-size:13px}app-item-detail-page .not-found button{margin-top:12px;padding:9px 15px;border:0;border-radius:9px;color:#fff;background:#14804b;font:inherit;font-weight:700;cursor:pointer}app-item-detail-page .detail-loading{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px;border-radius:20px;background:#fff}app-item-detail-page .detail-loading div{height:420px;border-radius:15px;background:linear-gradient(100deg,#f0f5f2 20%,#f9fbfa,#f0f5f2 52%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position-x:-200%}}@media(max-width:760px){app-item-detail-page .detail-page{width:calc(100% - 24px);padding:22px 0 30px}app-item-detail-page .detail-layout{grid-template-columns:1fr;gap:15px;padding:13px;border-radius:17px}app-item-detail-page .gallery-main{min-height:300px}app-item-detail-page .gallery-main>img{max-height:420px}app-item-detail-page .detail-copy{padding:5px 3px}app-item-detail-page .owner-label{display:none}app-item-detail-page .detail-loading{grid-template-columns:1fr;padding:14px}app-item-detail-page .detail-loading div{height:280px}app-item-detail-page .detail-loading div+div{display:none}}app-item-detail-page .request-modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;overflow-y:auto;place-items:center;padding:20px;background:#0f261a78;backdrop-filter:blur(4px)}app-item-detail-page .request-dialog{position:relative;width:min(100%,520px);padding:31px;border:1px solid #e1ebe4;border-radius:20px;background:#fff;box-shadow:0 28px 80px #0a281840}app-item-detail-page .request-dialog-close{position:absolute;top:15px;right:15px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #e4ebe6;border-radius:9px;color:#64746b;background:#fff;cursor:pointer}app-item-detail-page .request-dialog-icon{display:grid;width:49px;height:49px;place-items:center;border-radius:15px;color:#117643;background:#e8f6ec}app-item-detail-page .request-dialog-icon.success{color:#fff;background:#16804b}app-item-detail-page .request-dialog-eyebrow{overflow:hidden;margin:17px 42px 5px 0;color:#278052;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}app-item-detail-page .request-dialog h2{margin:0;color:#183d30;font-size:23px;line-height:1.23;letter-spacing:-.04em}app-item-detail-page .request-dialog-subtitle{margin:8px 0 18px;color:#728077;font-size:13px;line-height:1.55}app-item-detail-page .request-dialog form{display:grid;gap:8px}app-item-detail-page .request-dialog label{margin-top:7px;color:#344c3e;font-size:12px;font-weight:750}app-item-detail-page .request-dialog label span{color:#d94b45}app-item-detail-page .request-dialog select,app-item-detail-page .request-dialog textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid #dce6df;border-radius:9px;outline:none;color:#34483c;background:#fff;font:inherit;font-size:13px;transition:border .15s,box-shadow .15s}app-item-detail-page .request-dialog textarea{min-height:120px;resize:vertical;line-height:1.55}app-item-detail-page .request-dialog select:focus,app-item-detail-page .request-dialog textarea:focus{border-color:#74b889;box-shadow:0 0 0 3px #e8f6ec}app-item-detail-page .request-dialog textarea[aria-invalid=true]{border-color:#d97670}app-item-detail-page .request-dialog-counter{display:flex;justify-content:space-between;gap:12px;color:#8b9890;font-size:10px}app-item-detail-page .request-dialog-counter span:first-child{color:#78867e}app-item-detail-page .request-dialog-buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}app-item-detail-page .request-dialog-cancel,app-item-detail-page .request-dialog-submit{display:inline-flex;min-height:43px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #dbe5de;border-radius:9px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}app-item-detail-page .request-dialog-cancel{color:#58685f;background:#fff}app-item-detail-page .request-dialog-submit{border-color:#137b47;color:#fff;background:#137b47;text-decoration:none}app-item-detail-page .request-dialog-cancel:disabled,app-item-detail-page .request-dialog-submit:disabled{opacity:.55;cursor:not-allowed}app-item-detail-page .request-dialog-error,app-item-detail-page .request-dialog-empty-offer{margin:8px 0;padding:11px 12px;border:1px solid #efd1cf;border-radius:9px;color:#a94640;background:#fff7f6;font-size:12px;line-height:1.5}app-item-detail-page .request-dialog-empty-offer{border-color:#e0ebe3;color:#67766d;background:#f6faf7}app-item-detail-page .request-dialog-empty-offer a{display:inline-block;margin-left:4px;color:#087845;font-weight:750}app-item-detail-page .request-dialog-loading{min-height:44px;padding:13px;border-radius:9px;color:#708078;background:#f4f8f5;font-size:12px}app-item-detail-page .request-dialog-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:request-spin .7s linear infinite}@keyframes request-spin{to{transform:rotate(360deg)}}@media(max-width:560px){app-item-detail-page .request-modal-backdrop{padding:11px}app-item-detail-page .request-dialog{padding:23px 17px 18px;border-radius:15px}app-item-detail-page .request-dialog h2{font-size:20px}app-item-detail-page .request-dialog-subtitle{font-size:12px}app-item-detail-page .request-dialog-buttons{gap:7px}app-item-detail-page .request-dialog-cancel,app-item-detail-page .request-dialog-submit{flex:1;padding:0 9px;font-size:11px}}app-my-items-page{display:flex;min-height:100vh;flex-direction:column;background:#f5faf7;color:#253a32}app-my-items-page .my-items-shell{display:grid;min-height:calc(100vh - 154px);flex:1;grid-template-columns:260px minmax(0,1fr)}app-my-items-page .my-items-main{min-width:0;padding:25px clamp(18px,2vw,32px) 30px}app-my-items-page .page-heading{margin:0 0 19px 3px}app-my-items-page .page-eyebrow{display:flex;align-items:center;gap:6px;margin:0 0 4px;color:#42905f;font-size:11px;font-weight:720}app-my-items-page .page-heading h1{margin:0;color:#113f34;font-size:clamp(27px,2.5vw,35px);font-weight:830;letter-spacing:-.045em}app-my-items-page .page-heading>p:last-child{margin:6px 0 0;color:#708078;font-size:12px}app-my-items-page .items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}app-my-items-page .my-item-card{min-width:0;overflow:hidden;border:1px solid #e5eee8;border-radius:15px;background:#fff;box-shadow:0 7px 24px #1c493009}app-my-items-page .item-cover{position:relative;display:grid;height:185px;place-items:center;overflow:hidden;background:#eff5f0}app-my-items-page .item-cover img{width:100%;height:100%;object-fit:cover}app-my-items-page .item-cover>span:first-child{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;color:#18804b;background:#e5f4e9}app-my-items-page .status-badge{position:absolute;top:11px;right:11px;padding:6px 9px;border:1px solid #dfeae2;border-radius:999px;color:#3f6250;background:#fff;font-size:9px;font-weight:740;box-shadow:0 3px 10px #143c250f}app-my-items-page .status-badge.available{color:#18784a;background:#eff9f2}app-my-items-page .status-badge.reserved{color:#9a6a0d;background:#fff8e8}app-my-items-page .status-badge.completed{color:#126840;background:#e9f8ee}app-my-items-page .status-badge.hidden{color:#718078;background:#f2f5f3}app-my-items-page .item-body{padding:14px}app-my-items-page .item-tags{display:flex;flex-wrap:wrap;gap:6px}app-my-items-page .item-tags span{padding:4px 7px;border-radius:7px;color:#27734b;background:#edf8f0;font-size:9px;font-weight:650}app-my-items-page .item-tags span+span{color:#a47013;background:#fff5df}app-my-items-page .item-tags span.exchange-tag{color:#337db7;background:#edf6fd}app-my-items-page .item-body h2{margin:9px 0 5px;color:#183f31;font-size:14px;font-weight:780;line-height:1.35}app-my-items-page .item-body>p{display:-webkit-box;min-height:32px;overflow:hidden;margin:0;color:#76847c;font-size:10px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}app-my-items-page .complete-button{display:flex;width:100%;min-height:39px;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding:8px 10px;border:0;border-radius:9px;color:#fff;background:#11814b;font-size:10px;font-weight:750;cursor:pointer}app-my-items-page .complete-button:hover,app-my-items-page .confirm-button:hover{background:#09643a}app-my-items-page .item-hint{display:block;margin-top:8px;color:#87958d;font-size:9px;line-height:1.45}app-my-items-page .completion-date{display:flex!important;align-items:center;gap:5px;min-height:0!important;margin-top:10px!important;color:#18784a!important;font-size:10px!important;font-weight:700}app-my-items-page .item-skeleton{height:350px;border-radius:15px;background:linear-gradient(100deg,#fff 30%,#f1f6f2,#fff 66%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}app-my-items-page .empty-state{display:grid;min-height:330px;place-content:center;justify-items:center;padding:22px;border:1px solid #e6eee8;border-radius:15px;background:#fff;text-align:center}app-my-items-page .empty-icon{display:grid;width:53px;height:53px;place-items:center;border-radius:16px;color:#18804b;background:#eaf7ee}app-my-items-page .empty-state h2{margin:14px 0 5px;color:#1d4a36;font-size:16px}app-my-items-page .empty-state p{max-width:380px;margin:0;color:#7c8a82;font-size:11px;line-height:1.55}app-my-items-page .outline-button,app-my-items-page .primary-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;padding:9px 13px;border:1px solid #c9e2d0;border-radius:9px;color:#167745;background:#fff;font-size:11px;font-weight:720;text-decoration:none;cursor:pointer}app-my-items-page .primary-link{border-color:#0c7843;color:#fff;background:#0c7843}app-my-items-page .pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px auto 0;color:#687970;font-size:11px}app-my-items-page .pagination button{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #d5e6da;border-radius:9px;color:#127243;background:#fff;font:inherit;font-weight:680;cursor:pointer}app-my-items-page .pagination button:disabled{opacity:.45;cursor:not-allowed}app-my-items-page .pagination button:first-child app-icon{transform:rotate(180deg)}app-my-items-page .toast{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:10px 13px;border:1px solid #cce8d4;border-radius:10px;color:#176b40;background:#edfaf0;font-size:11px;font-weight:650}app-my-items-page .modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:18px;background:#12281d70;backdrop-filter:blur(3px)}app-my-items-page .confirm-modal{width:min(100%,430px);padding:26px;border:1px solid #e2ece5;border-radius:18px;background:#fff;box-shadow:0 20px 70px #0a2d1a38}app-my-items-page .modal-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:#12804b;background:#e9f7ed}app-my-items-page .confirm-modal h2{margin:15px 0 7px;color:#173d30;font-size:19px;font-weight:800}app-my-items-page .confirm-modal>p{margin:0;color:#6f7f75;font-size:12px;line-height:1.6}app-my-items-page .confirm-modal .action-error{margin-top:11px;color:#b43f34}app-my-items-page .modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}app-my-items-page .modal-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 13px;border:1px solid #dce8df;border-radius:9px;font-size:11px;font-weight:720;cursor:pointer}app-my-items-page .cancel-button{color:#56675d;background:#fff}app-my-items-page .confirm-button{border-color:#11804a!important;color:#fff;background:#11804a}app-my-items-page .modal-actions button:disabled{opacity:.55;cursor:wait}@media(max-width:1120px){app-my-items-page .my-items-shell{grid-template-columns:225px minmax(0,1fr)}app-my-items-page .items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){app-my-items-page .my-items-shell{grid-template-columns:minmax(0,1fr)}app-my-items-page .my-items-main{padding:21px 17px 25px}}@media(max-width:580px){app-my-items-page .my-items-main{padding:17px 12px 22px}app-my-items-page .items-grid{grid-template-columns:1fr;gap:11px}app-my-items-page .item-cover{height:200px}app-my-items-page .page-heading>p:last-child{font-size:11px}app-my-items-page .item-body{padding:13px}app-my-items-page .item-skeleton{height:320px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.border{border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:light;--green-900: #064c3a;--green-800: #07583b;--green-700: #087845;--green-600: #12834e;--green-100: #eaf7ef;--surface: #ffffff;--page: #f5faf7;--ink: #173630;--muted: #6c7c75;font-family:Be Vietnam Pro,Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:var(--page)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #69bb89;outline-offset:3px}::selection{color:#064c3a;background:#c7efd6}