@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap);@keyframes shimmerBg{0%{background-position:200% 0}to{background-position:-200% 0}}.login-page{background:#fff8f0;display:flex;font-family:Lora,serif;min-height:100vh;overflow:hidden;position:relative}.login-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.login-bg__shape{border-radius:50%;position:absolute}.login-bg__shape--1{animation:floatA 12s ease-in-out infinite;background:radial-gradient(circle,#ff9b7a1a 0,#0000 70%);height:520px;left:-120px;top:-120px;width:520px}.login-bg__shape--2{animation:floatB 10s ease-in-out infinite;background:radial-gradient(circle,#a8c5a81a 0,#0000 70%);bottom:-90px;height:420px;right:-70px;width:420px}.login-bg__shape--3{animation:floatC 8s ease-in-out infinite;background:radial-gradient(circle,#6b9bd117 0,#0000 70%);height:300px;left:38%;top:45%;width:300px}.login-panel{align-items:stretch;animation:slideInLeft .7s cubic-bezier(.4,0,.2,1) both;background:linear-gradient(150deg,#5d4e37,#3d2817);display:flex;min-width:340px;overflow:hidden;position:relative;width:44%;z-index:1}.login-panel:before{background-image:radial-gradient(circle at 20% 80%,#ff9b7a14 0,#0000 50%),radial-gradient(circle at 80% 20%,#6b9bd10f 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.login-panel__inner{display:flex;flex-direction:column;justify-content:center;padding:3rem 3.5rem;position:relative;width:100%;z-index:2}.login-panel__logo{align-items:center;display:flex;gap:.75rem;margin-bottom:3rem}.login-panel__logo-icon{align-items:center;background:#ff9b7a26;border:1px solid #ff9b7a40;border-radius:14px;display:flex;height:46px;justify-content:center;width:46px}.login-panel__logo-text{color:#ffd4b8;font-family:"DM Serif Display",serif;font-size:1.75rem;letter-spacing:-.02em}.login-panel__illustration{height:160px;margin-bottom:2.5rem;position:relative}.login-panel__glow{background:radial-gradient(circle,#ff9b7a2e 0,#0000 70%);border-radius:50%;height:130px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:130px}.login-panel__title{color:#ffd4b8;font-family:"DM Serif Display",serif;font-size:2.4rem;line-height:1.2;margin-bottom:1rem}.login-panel__subtitle{color:#ffd4b8bf;font-size:1rem;line-height:1.7;margin-bottom:2rem}.login-panel__quote{align-items:flex-start;background:#ff9b7a14;border:1px solid #ff9b7a24;border-radius:14px;display:flex;gap:1rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem}.login-panel__quote-bar{background:#ff9b7a;border-radius:2px;flex-shrink:0;min-height:50px;width:3px}.login-panel__quote-text{color:#ffd4b8d9;font-size:.95rem;font-style:italic;line-height:1.65}.login-panel__stats{display:flex;gap:2.5rem}.login-panel__stat-num{color:#ff9b7a;display:block;font-family:"DM Serif Display",serif;font-size:2rem;line-height:1}.login-panel__stat-label{color:#ffd4b8a6;display:block;font-size:.78rem;font-weight:600;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.login-form-side{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:2rem;z-index:1}.login-card{animation:fadeUp .6s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #ff9b7a1f;border-radius:28px;box-shadow:0 20px 60px #5d4e371f,0 4px 16px #5d4e370f;max-width:480px;padding:2.75rem 3rem;width:100%}.login-card__header{margin-bottom:2.25rem;text-align:center}.login-card__icon-wrap{align-items:center;background:linear-gradient(135deg,#ff9b7a1f,#ffd4b814);border:1px solid #ff9b7a33;border-radius:20px;display:flex;height:68px;justify-content:center;margin:0 auto 1.1rem;width:68px}.login-card__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:2.1rem;margin-bottom:.35rem}.login-card__subtitle{color:#8b6f47;font-size:.95rem}.login-field{margin-bottom:1.1rem}.login-field__label{color:#8b6f47;display:block;font-size:.76rem;font-weight:700;letter-spacing:.9px;margin-bottom:.4rem;text-transform:uppercase}.login-field__wrap{align-items:center;background:#fff8f099;border:1.5px solid #c4956a4d;border-radius:12px;display:flex;gap:.6rem;padding:.78rem 1rem;position:relative;transition:border-color .25s ease,box-shadow .25s ease}.login-field__wrap:focus-within{border-color:#ff9b7a;box-shadow:0 0 0 3px #ff9b7a26}.login-field__wrap--error{border-color:#e0555580}.login-field__wrap--error:focus-within{border-color:#e05555;box-shadow:0 0 0 3px #e055551f}.login-field__icon{align-items:center;color:#c4956a;display:flex;flex-shrink:0}.login-field__icon--error{color:#e05555}.login-field__wrap input{background:#0000;border:none;color:#3d2817;flex:1 1;font-family:Lora,serif;font-size:.97rem;outline:none;padding-right:2rem}.login-field__wrap input::placeholder{color:#c4956a}.login-field__error{color:#e05555;font-family:Lora,serif;font-size:.75rem;margin-top:.3rem}.login-eye-btn{align-items:center;background:none;border:none;border-radius:6px;color:#c4956a;cursor:pointer;display:flex;padding:4px;position:absolute;right:.75rem;transition:color .2s}.login-eye-btn:hover{color:#ff9b7a}.login-forgot-row{display:flex;justify-content:flex-end;margin-bottom:1.5rem;margin-top:-.25rem}.login-link{color:#ff9b7a;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .2s}.login-link:hover{opacity:.72;text-decoration:underline}.login-btn-primary{align-items:center;background:linear-gradient(135deg,#ff9b7a,#ff7c54);border:none;border-radius:50px;box-shadow:0 4px 20px #ff9b7a59;color:#fff;cursor:pointer;display:flex;font-family:Lora,serif;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.02em;padding:.95rem 1.5rem;transition:transform .25s ease,box-shadow .25s ease;width:100%}.login-btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #ff9b7a7a;transform:translateY(-2px)}.login-btn-primary:disabled{cursor:not-allowed;opacity:.8}.login-spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.login-divider{align-items:center;display:flex;gap:1rem;margin:1.5rem 0}.login-divider__line{background:#c4956a38;flex:1 1;height:1px}.login-divider__text{color:#c4956a;font-size:.84rem;font-weight:600}.login-switch-text{color:#8b6f47;font-size:.9rem;margin-top:.25rem;text-align:center}@media (max-width:900px){.login-panel{display:none}.login-form-side{padding:1.5rem}.login-card{padding:2rem 1.75rem}}@media (max-width:480px){.login-card{border-radius:20px;padding:1.75rem 1.25rem}.login-card__title{font-size:1.75rem}}@keyframes stepPop{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}.register-page{background:#fff8f0;display:flex;font-family:Lora,serif;min-height:100vh;overflow:hidden;position:relative}.register-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.register-bg__shape{border-radius:50%;position:absolute}.register-bg__shape--1{animation:floatA 12s ease-in-out infinite;background:radial-gradient(circle,#ff9b7a1a 0,#0000 70%);height:520px;left:-120px;top:-120px;width:520px}.register-bg__shape--2{animation:floatB 10s ease-in-out infinite;background:radial-gradient(circle,#a8c5a81a 0,#0000 70%);bottom:-90px;height:420px;right:-70px;width:420px}.register-bg__shape--3{animation:floatC 8s ease-in-out infinite;background:radial-gradient(circle,#6b9bd117 0,#0000 70%);height:300px;left:38%;top:45%;width:300px}.register-panel{align-items:stretch;animation:slideInLeft .7s cubic-bezier(.4,0,.2,1) both;background:linear-gradient(150deg,#5d4e37,#3d2817);display:flex;min-width:320px;overflow:hidden;position:relative;width:38%;z-index:1}.register-panel:before{background-image:radial-gradient(circle at 20% 80%,#ff9b7a14 0,#0000 50%),radial-gradient(circle at 80% 20%,#6b9bd10f 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.register-panel__inner{display:flex;flex-direction:column;justify-content:center;padding:2.5rem 3rem;position:relative;width:100%;z-index:2}.register-panel__logo{align-items:center;display:flex;gap:.75rem;margin-bottom:2.5rem}.register-panel__logo-icon{align-items:center;background:#ff9b7a26;border:1px solid #ff9b7a40;border-radius:14px;display:flex;height:46px;justify-content:center;width:46px}.register-panel__logo-text{color:#ffd4b8;font-family:"DM Serif Display",serif;font-size:1.75rem;letter-spacing:-.02em}.register-panel__illustration{height:150px;margin-bottom:2rem;position:relative}.register-panel__glow{background:radial-gradient(circle,#ff9b7a2e 0,#0000 70%);border-radius:50%;height:130px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:130px}.book-spine{height:80px}.book-cover{height:80px;width:50px}.register-panel__title{color:#ffd4b8;font-family:"DM Serif Display",serif;font-size:2.2rem;line-height:1.2;margin-bottom:.9rem}.register-panel__subtitle{color:#ffd4b8bf;font-size:.95rem;line-height:1.7;margin-bottom:1.75rem}.register-panel__quote{align-items:flex-start;background:#ff9b7a14;border:1px solid #ff9b7a24;border-radius:14px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.1rem 1.4rem}.register-panel__quote-bar{background:#ff9b7a;border-radius:2px;flex-shrink:0;min-height:48px;width:3px}.register-panel__quote-text{color:#ffd4b8d9;font-size:.92rem;font-style:italic;line-height:1.65}.register-panel__stats{display:flex;gap:2rem}.register-panel__stat-num{color:#ff9b7a;display:block;font-family:"DM Serif Display",serif;font-size:1.9rem;line-height:1}.register-panel__stat-label{color:#ffd4b8a6;display:block;font-size:.76rem;font-weight:600;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.register-form-side{align-items:flex-start;display:flex;flex:1 1;justify-content:center;min-height:100vh;overflow-y:auto;padding:2rem;z-index:1}.register-card{animation:fadeUp .6s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #ff9b7a1f;border-radius:28px;box-shadow:0 20px 60px #5d4e371f,0 4px 16px #5d4e370f;margin:2rem 0;max-width:640px;padding:2.5rem 2.75rem;width:100%}.register-card__header{margin-bottom:1.75rem;text-align:center}.register-card__icon-wrap{align-items:center;background:linear-gradient(135deg,#ff9b7a1f,#ffd4b814);border:1px solid #ff9b7a33;border-radius:18px;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.register-card__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:2rem;margin-bottom:.3rem}.register-card__subtitle{color:#8b6f47;font-size:.93rem}.register-role-toggle{background:#ff9b7a0f;border:1px solid #ff9b7a24;border-radius:50px;display:flex;margin-bottom:1.75rem;padding:4px}.register-role-btn{background:#0000;border:none;border-radius:50px;color:#8b6f47;cursor:pointer;flex:1 1;font-family:Lora,serif;font-size:.88rem;font-weight:600;padding:.6rem 1rem;transition:all .25s ease}.register-role-btn:hover{background:#ff9b7a14}.register-role-btn--active{background:#fff;box-shadow:0 2px 12px #ff9b7a33;color:#ff9b7a}.register-progress{align-items:center;display:flex;gap:0;margin-bottom:2rem;overflow-x:auto;padding-bottom:6px}.register-step{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:5px}.register-step__dot{align-items:center;background:#ff9b7a1a;border:2px solid #ff9b7a40;border-radius:50%;color:#c4956a;display:flex;font-size:.75rem;font-weight:700;height:32px;justify-content:center;transition:all .3s ease;width:32px}.register-step__dot--active{animation:stepPop .4s ease both;background:#ff9b7a26;border-color:#ff9b7a;box-shadow:0 0 0 4px #ff9b7a1f;color:#ff9b7a}.register-step__dot--done{background:#ff9b7a;border-color:#ff9b7a;color:#fff}.register-step__label{color:#c4956a;font-size:.68rem;font-weight:400;transition:color .3s;white-space:nowrap}.register-step__label--active{color:#ff9b7a;font-weight:700}.register-step__label--done{color:#ff9b7a}.register-step-line{background:#ff9b7a2e;flex:1 1;height:2px;margin:0 4px 22px;min-width:16px;transition:background .4s ease}.register-step-line--done{background:#ff9b7a}.register-field{margin-bottom:1.1rem}.register-field__label{color:#8b6f47;display:block;font-family:Lora,serif;font-size:.76rem;font-weight:700;letter-spacing:.9px;margin-bottom:.4rem;text-transform:uppercase}.register-field__wrap{align-items:center;background:#fff8f099;border:1.5px solid #c4956a4d;border-radius:12px;display:flex;gap:.6rem;padding:.75rem 1rem;transition:border-color .25s ease,box-shadow .25s ease}.register-field__wrap:focus-within{border-color:#ff9b7a;box-shadow:0 0 0 3px #ff9b7a26}.register-field__wrap--error{border-color:#e0555580}.register-field__wrap--error:focus-within{border-color:#e05555;box-shadow:0 0 0 3px #e055551f}.register-field__icon{align-items:center;color:#c4956a;display:flex;flex-shrink:0}.register-field__icon--error{color:#e05555}.register-field__wrap input,.register-field__wrap select,.register-field__wrap textarea{background:#0000;border:none;color:#3d2817;flex:1 1;font-family:Lora,serif;font-size:.97rem;outline:none;width:100%}.register-field__wrap input::placeholder,.register-field__wrap textarea::placeholder{color:#c4956a}.register-field__wrap select{cursor:pointer}.register-field__wrap select option{background:#fff;color:#3d2817}.register-field__error{color:#e05555;font-family:Lora,serif;font-size:.74rem;margin-top:.3rem}.register-grid-2{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr 1fr}.register-step-heading{align-items:center;color:#5d4e37;display:flex;font-family:"DM Serif Display",serif;font-size:1.35rem;gap:.5rem;margin-bottom:1.4rem}.register-dynamic-block{background:#fff8f0b3;border:1px solid #c4956a33;border-radius:16px;margin-bottom:1rem;padding:1.5rem}.register-dynamic-block__title{align-items:center;color:#5d4e37;display:flex;font-family:"DM Serif Display",serif;font-size:1.05rem;gap:.5rem;margin-bottom:1rem}.register-add-btn{background:#ff9b7a0f;border:1.5px dashed #ff9b7a66;border-radius:12px;color:#ff9b7a;cursor:pointer;font-family:Lora,serif;font-size:.88rem;font-weight:700;letter-spacing:.02em;margin-bottom:.5rem;padding:.72rem;transition:all .2s ease;width:100%}.register-add-btn:hover{background:#ff9b7a1f;color:#cc6640}.register-checkbox-row{align-items:center;cursor:pointer;display:flex;gap:.6rem;margin-bottom:1rem}.register-checkbox-row input[type=checkbox]{accent-color:#ff9b7a;cursor:pointer;height:16px;width:16px}.register-checkbox-row span{color:#5d4e37;font-family:Lora,serif;font-size:.9rem}.register-upload-section{margin-bottom:1.5rem}.register-upload-title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:1.1rem;margin-bottom:.3rem}.register-upload-hint{color:#c4956a;font-family:Lora,serif;font-size:.82rem;margin-bottom:.9rem}.register-file-drop{align-items:center;background:#fff8f080;border:2px dashed #c4956a66;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2.5rem;text-align:center;transition:all .25s ease}.register-file-drop:hover{background:#ff9b7a0a;border-color:#ff9b7a}.register-file-drop--filled{background:#4caf500a;border-color:#4caf5073}.register-file-drop input[type=file]{display:none}.register-file-name{align-items:center;display:flex;gap:.7rem}.register-file-name span{color:#4caf50;font-family:Lora,serif;font-size:.9rem;font-weight:600}.register-file-text{color:#8b6f47;font-family:Lora,serif;font-size:.93rem;font-weight:600}.register-file-sub{color:#c4956a;font-family:Lora,serif;font-size:.78rem}.register-note-box{align-items:flex-start;background:#ff9b7a0f;border:1px solid #ff9b7a29;border-radius:12px;color:#8b6f47;display:flex;font-family:Lora,serif;font-size:.85rem;gap:.75rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem 1.25rem}.register-note-dot{background:#ff9b7a;border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.register-step-btns{display:flex;gap:.75rem;margin-top:1.5rem}.register-btn-primary{align-items:center;background:linear-gradient(135deg,#ff9b7a,#ff7c54);border:none;border-radius:50px;box-shadow:0 4px 20px #ff9b7a59;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Lora,serif;font-size:.97rem;font-weight:700;gap:.5rem;justify-content:center;padding:.92rem 1.5rem;transition:transform .25s ease,box-shadow .25s ease}.register-btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #ff9b7a7a;transform:translateY(-2px)}.register-btn-primary:disabled{cursor:not-allowed;opacity:.8}.register-btn-back{align-items:center;background:#fff;border:1.5px solid #ff9b7a66;border-radius:50px;color:#ff9b7a;cursor:pointer;display:flex;font-family:Lora,serif;font-size:.93rem;font-weight:700;gap:.4rem;padding:.92rem 1.5rem;transition:all .25s ease;white-space:nowrap}.register-btn-back:hover{background:#fff0e8}.register-btn-full{width:100%}.register-spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.register-switch-text{color:#8b6f47;font-size:.9rem;margin-top:1.5rem;text-align:center}.register-link{color:#ff9b7a;font-weight:700;text-decoration:none;transition:opacity .2s}.register-link:hover{opacity:.72;text-decoration:underline}.register-success{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem;z-index:1}.register-success__card{animation:fadeUp .6s ease both;background:#fffffff5;border:1px solid #ff9b7a1f;border-radius:28px;box-shadow:0 20px 60px #5d4e371f;max-width:500px;padding:3.5rem 3rem;text-align:center;width:100%}.register-success__orb{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#81c784);border-radius:50%;display:flex;height:88px;justify-content:center;margin:0 auto 1.75rem;width:88px}.register-success__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:2rem;margin-bottom:1rem}.register-success__text{color:#8b6f47;font-size:1rem;line-height:1.75;margin-bottom:2.25rem}.register-success__email{color:#5d4e37;font-weight:700}@media (max-width:960px){.register-panel{display:none}.register-form-side{align-items:flex-start;padding:1.5rem}.register-card{margin:1rem 0;padding:2rem 1.75rem}}@media (max-width:560px){.register-grid-2{grid-template-columns:1fr}.register-card{border-radius:20px;padding:1.75rem 1.25rem}.register-card__title{font-size:1.75rem}.register-panel__title{font-size:1.9rem}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ad-root{background:#fff8f0;font-family:Lora,serif;height:100vh}.ad-root,.ad-sidebar{display:flex;overflow:hidden}.ad-sidebar{background:linear-gradient(170deg,#2c1810,#1a0e08);box-shadow:4px 0 24px #0003;flex-direction:column;min-width:260px;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:100}.ad-sidebar--collapsed{min-width:72px;width:72px}.ad-sidebar:before{background:radial-gradient(circle at 20% 20%,#ff9b7a12 0,#0000 50%),radial-gradient(circle at 80% 80%,#6b9bd10d 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.ad-sidebar__header{align-items:center;border-bottom:1px solid #ff9b7a1a;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1.25rem 1.25rem}.ad-sidebar__logo{align-items:center;display:flex;gap:.75rem;overflow:hidden}.ad-sidebar__logo-icon{align-items:center;background:#ff9b7a26;border:1px solid #ff9b7a40;border-radius:10px;display:flex;height:38px;justify-content:center;min-width:38px;width:38px}.ad-sidebar__logo-text{color:#ffd4b8;font-family:"DM Serif Display",serif;font-size:1.35rem;transition:opacity .2s;white-space:nowrap}.ad-sidebar--collapsed .ad-sidebar__logo-text{opacity:0;width:0}.ad-sidebar__collapse-btn{align-items:center;background:#ff9b7a1a;border:1px solid #ff9b7a26;border-radius:8px;color:#c4956a;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;transition:all .2s;width:28px}.ad-sidebar__collapse-btn:hover{background:#ff9b7a33;color:#ff9b7a}.ad-nav-label{color:#c4956a80;font-size:.62rem;font-weight:700;letter-spacing:1.5px;overflow:hidden;padding:1.25rem 1.25rem .4rem;text-transform:uppercase;transition:opacity .2s;white-space:nowrap}.ad-sidebar--collapsed .ad-nav-label{opacity:0}.ad-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:.5rem 0 1rem;scrollbar-width:none}.ad-nav::-webkit-scrollbar{display:none}.ad-nav__item{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffd4b8a6;cursor:pointer;display:flex;font-family:Lora,serif;font-size:.9rem;font-weight:500;gap:.75rem;margin:.1rem .75rem;overflow:hidden;padding:.7rem 1.25rem;position:relative;text-align:left;transition:all .2s ease;white-space:nowrap;width:calc(100% - 1.5rem)}.ad-nav__item:hover{background:#ff9b7a1a;color:#ffd4b8}.ad-nav__item--active{background:linear-gradient(135deg,#ff9b7a33,#ff9b7a14);border:1px solid #ff9b7a33;color:#ff9b7a}.ad-nav__item--active:before{background:#ff9b7a;border-radius:0 2px 2px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.ad-nav__icon{align-items:center;display:flex;flex-shrink:0;width:20px}.ad-nav__text{transition:opacity .2s}.ad-sidebar--collapsed .ad-nav__text{opacity:0}.ad-nav__badge{animation:badgePop .4s ease both;background:#ff9b7a;border-radius:50px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;margin-left:auto;padding:2px 7px}.ad-sidebar--collapsed .ad-nav__badge{display:none}.ad-sidebar__footer{border-top:1px solid #ff9b7a1a;flex-shrink:0;padding:1rem .75rem}.ad-sidebar__admin{align-items:center;border-radius:10px;display:flex;gap:.75rem;overflow:hidden;padding:.6rem .5rem}.ad-sidebar__avatar{align-items:center;background:linear-gradient(135deg,#ff9b7a,#ffd4b8);border-radius:50%;color:#fff;display:flex;font-family:"DM Serif Display",serif;font-size:1rem;height:36px;justify-content:center;min-width:36px;width:36px}.ad-sidebar__admin-info{overflow:hidden;transition:opacity .2s}.ad-sidebar--collapsed .ad-sidebar__admin-info{opacity:0;width:0}.ad-sidebar__admin-name{color:#ffd4b8;font-size:.85rem;font-weight:600;white-space:nowrap}.ad-sidebar__admin-role{color:#c4956a99;font-size:.72rem;white-space:nowrap}.ad-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.ad-topbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #ff9b7a1a;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1rem 2rem;z-index:10}.ad-topbar__left{display:flex;flex-direction:column;gap:2px}.ad-topbar__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:1.6rem;line-height:1}.ad-topbar__breadcrumb{color:#c4956a;font-size:.8rem;font-weight:500}.ad-topbar__right{gap:.75rem}.ad-search,.ad-topbar__right{align-items:center;display:flex}.ad-search{background:#fff8f0cc;border:1.5px solid #c4956a40;border-radius:50px;gap:.5rem;padding:.5rem 1rem;transition:all .25s}.ad-search:focus-within{border-color:#ff9b7a;box-shadow:0 0 0 3px #ff9b7a1f}.ad-search input{background:#0000;border:none;color:#3d2817;font-family:Lora,serif;font-size:.88rem;outline:none;width:180px}.ad-search input::placeholder{color:#c4956a}.ad-icon-btn{align-items:center;background:#fff8f0cc;border:1.5px solid #c4956a33;border-radius:10px;color:#8b6f47;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;position:relative;transition:all .2s;width:38px}.ad-icon-btn:hover{background:#ff9b7a1a;border-color:#ff9b7a4d;color:#ff9b7a}.ad-icon-btn__dot{animation:pulse 2s ease-in-out infinite;background:#ff9b7a;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.ad-content{flex:1 1;overflow-y:auto;padding:1.75rem 2rem 2rem;scrollbar-color:#ff9b7a4d #0000;scrollbar-width:thin}.ad-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.75rem}.ad-stat-card{animation:fadeUp .5s ease both;background:#fff;border:1px solid #ff9b7a1a;border-radius:20px;box-shadow:0 4px 20px #5d4e3712;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.ad-stat-card:hover{box-shadow:0 8px 30px #5d4e371f;transform:translateY(-3px)}.ad-stat-card:first-child{animation-delay:.05s}.ad-stat-card:nth-child(2){animation-delay:.1s}.ad-stat-card:nth-child(3){animation-delay:.15s}.ad-stat-card:nth-child(4){animation-delay:.2s}.ad-stat-card:nth-child(5){animation-delay:.25s}.ad-stat-card:nth-child(6){animation-delay:.3s}.ad-stat-card__top{align-items:flex-start;display:flex;justify-content:space-between}.ad-stat-card__icon{align-items:center;border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.ad-stat-card__icon--orange{background:#ff9b7a1f}.ad-stat-card__icon--green{background:#a8c5a833}.ad-stat-card__icon--blue{background:#6b9bd126}.ad-stat-card__icon--amber{background:#ffc1071f}.ad-stat-card__icon--red{background:#e055551a}.ad-stat-card__icon--teal{background:#0096881a}.ad-stat-card__trend{align-items:center;border-radius:50px;display:flex;font-size:.75rem;font-weight:700;gap:3px;padding:3px 8px}.ad-stat-card__trend--up{background:#4caf501a;color:#4caf50}.ad-stat-card__trend--down{background:#e055551a;color:#e05555}.ad-stat-card__trend--neutral{background:#c4956a1a;color:#c4956a}.ad-stat-card__value{animation:countUp .6s ease both;color:#5d4e37;font-family:"DM Serif Display",serif;font-size:2.2rem;line-height:1}.ad-stat-card__label{color:#8b6f47;font-size:.82rem;font-weight:600;letter-spacing:.6px;margin-top:4px;text-transform:uppercase}.ad-stat-card__sub{color:#c4956a;font-size:.76rem;margin-top:2px}.ad-row{grid-gap:1.25rem;display:grid;gap:1.25rem;margin-bottom:1.25rem}.ad-row--2col{grid-template-columns:1fr 1fr}.ad-row--3col{grid-template-columns:2fr 1fr}.ad-row--1col{grid-template-columns:1fr}.ad-card{animation:fadeUp .5s ease .2s both;background:#fff;border:1px solid #ff9b7a1a;border-radius:20px;box-shadow:0 4px 20px #5d4e370f;overflow:hidden}.ad-card__header{align-items:center;border-bottom:1px solid #ff9b7a14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.ad-card__title-wrap{align-items:center;display:flex;gap:.6rem}.ad-card__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:1.15rem}.ad-card__subtitle{color:#c4956a;font-size:.78rem;margin-top:2px}.ad-card__actions{align-items:center;display:flex;gap:.5rem}.ad-card__body{padding:1.25rem 1.5rem}.ad-pill{border:none;border-radius:50px;cursor:pointer;font-family:Lora,serif;font-size:.78rem;font-weight:700;padding:.35rem .9rem;transition:all .2s}.ad-pill--outline{background:#0000;border:1.5px solid #ff9b7a66;color:#ff9b7a}.ad-pill--outline:hover{background:#ff9b7a14}.ad-pill--filled{background:#ff9b7a;box-shadow:0 2px 10px #ff9b7a4d;color:#fff}.ad-pill--filled:hover{background:#ff7c54}.ad-table-wrap{overflow-x:auto}.ad-table{border-collapse:collapse;font-size:.875rem;width:100%}.ad-table thead tr{border-bottom:2px solid #ff9b7a1f}.ad-table th{color:#c4956a;font-size:.72rem;font-weight:700;letter-spacing:.8px;padding:.65rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.ad-table td{border-bottom:1px solid #ff9b7a12;color:#5d4e37;padding:.85rem 1rem;vertical-align:middle}.ad-table tbody tr{transition:background .15s}.ad-table tbody tr:hover{background:#fff8f0b3}.ad-table tbody tr:last-child td{border-bottom:none}.ad-table__user{align-items:center;display:flex;gap:.65rem}.ad-table__avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:"DM Serif Display",serif;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}.ad-table__name{color:#3d2817;font-size:.88rem;font-weight:600}.ad-table__email{color:#8b6f47;font-size:.75rem}.ad-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:3px 10px;white-space:nowrap}.ad-badge--pending{background:#ffc1071f;color:#b8860b}.ad-badge--active{background:#4caf501f;color:#2e7d32}.ad-badge--overdue{background:#e055551a;color:#c62828}.ad-badge--returned{background:#6b9bd11f;color:#1565c0}.ad-badge--paid{background:#0096881a;color:#00695c}.ad-badge--dot:before{background:currentColor;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.ad-action-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:0;height:28px;justify-content:center;transition:all .18s;width:28px}.ad-action-btn--approve{background:#4caf501a;color:#2e7d32}.ad-action-btn--approve:hover{background:#4caf5038}.ad-action-btn--reject{background:#e0555514;color:#c62828}.ad-action-btn--reject:hover{background:#e055552e}.ad-action-btn--view{background:#6b9bd11a;color:#1565c0}.ad-action-btn--view:hover{background:#6b9bd133}.ad-action-btn--edit{background:#ff9b7a1a;color:#c52}.ad-action-btn--edit:hover{background:#ff9b7a38}.ad-actions-cell{align-items:center;display:flex;gap:5px}.ad-feed{display:flex;flex-direction:column;gap:0}.ad-feed__item{align-items:flex-start;animation:fadeIn .4s ease both;border-bottom:1px solid #ff9b7a12;display:flex;gap:.85rem;padding:.9rem 0}.ad-feed__item:last-child{border-bottom:none}.ad-feed__dot-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:3px}.ad-feed__dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.ad-feed__line{background:#ff9b7a26;height:100%;margin-top:4px;min-height:24px;width:1px}.ad-feed__item:last-child .ad-feed__line{display:none}.ad-feed__content{flex:1 1;min-width:0}.ad-feed__text{color:#5d4e37;font-size:.85rem;line-height:1.5}.ad-feed__text strong{color:#3d2817}.ad-feed__time{color:#c4956a;font-size:.72rem;margin-top:3px}.ad-quick-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.ad-quick-btn{align-items:center;background:#fff8f0b3;border:1.5px solid #ff9b7a26;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;font-family:Lora,serif;gap:.6rem;justify-content:center;padding:1.1rem .75rem;text-align:center;transition:all .2s}.ad-quick-btn:hover{background:#ff9b7a14;border-color:#ff9b7a59;transform:translateY(-2px)}.ad-quick-btn__icon{align-items:center;border-radius:12px;display:flex;height:42px;justify-content:center;width:42px}.ad-quick-btn__label{color:#5d4e37;font-size:.78rem;font-weight:600;line-height:1.3}.ad-bar-chart{align-items:flex-end;display:flex;gap:6px;height:80px;padding:0 .25rem}.ad-bar-chart__bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.ad-bar-chart__bar{background:linear-gradient(0deg,#ff9b7a,#ffd4b8);border-radius:4px 4px 0 0;min-height:4px;transition:height .6s cubic-bezier(.4,0,.2,1);width:100%}.ad-bar-chart__bar--muted{background:linear-gradient(0deg,#ff9b7a40,#ff9b7a1a)}.ad-bar-chart__label{color:#c4956a;font-size:.62rem;font-weight:600;white-space:nowrap}.ad-fine-row{align-items:center;border-bottom:1px solid #ff9b7a12;display:flex;justify-content:space-between;padding:.85rem 0}.ad-fine-row:last-child{border-bottom:none}.ad-fine-row__name{color:#3d2817;font-size:.88rem;font-weight:600}.ad-fine-row__book{color:#8b6f47;font-size:.75rem;margin-top:2px}.ad-fine-row__right{align-items:center;display:flex;gap:.75rem}.ad-fine-row__amount{color:#e05555;font-family:"DM Serif Display",serif;font-size:1.1rem}.ad-fine-row__amount--paid{color:#4caf50}.ad-tabs{background:#fff8f0cc;border:1px solid #ff9b7a26;border-radius:50px;display:flex;gap:.25rem;padding:4px}.ad-tab{background:#0000;border:none;border-radius:50px;color:#8b6f47;cursor:pointer;font-family:Lora,serif;font-size:.82rem;font-weight:600;padding:.4rem 1rem;transition:all .2s;white-space:nowrap}.ad-tab--active{background:#fff;box-shadow:0 2px 8px #ff9b7a26;color:#ff9b7a}.ad-empty{align-items:center;color:#c4956a;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:2.5rem;text-align:center}.ad-empty__icon{opacity:.4}.ad-empty__text{font-size:.9rem}.ad-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c18108c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:500}.ad-modal{animation:fadeUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 24px 80px #0003;max-width:520px;padding:2rem 2.25rem;position:relative;width:100%}.ad-modal__close{align-items:center;background:#ff9b7a1a;border:none;border-radius:8px;color:#8b6f47;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s;width:32px}.notification-dropdown{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000001a;overflow:hidden;position:absolute;right:0;top:40px;width:280px;z-index:100}.notification-item{border-bottom:1px solid #eee;padding:12px}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#fff7f2}.ad-modal__close:hover{background:#ff9b7a33;color:#ff9b7a}.ad-modal__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:1.5rem;margin-bottom:.35rem}.ad-modal__sub{color:#8b6f47;font-size:.88rem;margin-bottom:1.5rem}.ad-modal__field{margin-bottom:1rem}.ad-modal__label{color:#8b6f47;display:block;font-size:.76rem;font-weight:700;letter-spacing:.8px;margin-bottom:.4rem;text-transform:uppercase}.ad-modal__input{background:#fff8f099;border:1.5px solid #c4956a4d;border-radius:10px;color:#3d2817;font-family:Lora,serif;font-size:.92rem;outline:none;padding:.72rem 1rem;transition:all .2s;width:100%}.ad-modal__input:focus{border-color:#ff9b7a;box-shadow:0 0 0 3px #ff9b7a1f}.ad-modal__grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.ad-modal__actions{display:flex;gap:.75rem;margin-top:1.5rem}.ad-modal__btn-cancel{background:#fff;border:1.5px solid #ff9b7a59;border-radius:50px;color:#ff9b7a;cursor:pointer;flex:1 1;font-family:Lora,serif;font-size:.9rem;font-weight:700;padding:.75rem;transition:all .2s}.ad-modal__btn-cancel:hover{background:#ff9b7a0f}.ad-modal__btn-submit{background:linear-gradient(135deg,#ff9b7a,#ff7c54);border:none;border-radius:50px;box-shadow:0 4px 14px #ff9b7a59;color:#fff;cursor:pointer;flex:1 1;font-family:Lora,serif;font-size:.9rem;font-weight:700;padding:.75rem;transition:all .2s}.ad-modal__btn-submit:hover{box-shadow:0 6px 20px #ff9b7a73;transform:translateY(-1px)}.ad-confirm-icon{align-items:center;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 1.25rem;width:64px}.ad-confirm-icon--approve{background:#4caf501f}.ad-confirm-icon--reject{background:#e055551a}.ad-toast-wrap{bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1.5rem;z-index:1000}.ad-toast{align-items:center;animation:slideInRight .3s ease;background:#2c1810;border-left:3px solid #ff9b7a;border-radius:14px;box-shadow:0 8px 30px #0003;display:flex;gap:.75rem;min-width:280px;padding:.85rem 1.25rem}.ad-toast--success{border-left-color:#4caf50}.ad-toast--error{border-left-color:#e05555}.ad-toast__text{color:#ffd4b8;font-family:Lora,serif;font-size:.88rem}.ad-toast__icon{flex-shrink:0}.ad-shimmer{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#fff8f099 25%,#ff9b7a14 50%,#fff8f099 75%);background-size:400% 100%;border-radius:8px}.ad-content::-webkit-scrollbar{width:5px}.ad-content::-webkit-scrollbar-track{background:#0000}.ad-content::-webkit-scrollbar-thumb{background:#ff9b7a4d;border-radius:4px}@media (max-width:1100px){.ad-row--2col,.ad-row--3col{grid-template-columns:1fr}}@media (max-width:768px){.ad-sidebar{height:100vh;left:0;position:fixed;top:0;z-index:200}.ad-sidebar--collapsed{min-width:0;width:0}.ad-topbar{padding:.85rem 1.25rem}.ad-search input{width:120px}.ad-content{padding:1.25rem}.ad-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ad-stats-grid{grid-template-columns:1fr}.ad-topbar__title{font-size:1.3rem}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.ud-root{background:#fff8f0;display:flex;font-family:Lora,serif;min-height:100vh;overflow:hidden}.ud-sidebar{background:linear-gradient(170deg,#7a5d3e,#5d4530);box-shadow:4px 0 24px #0000001f;display:flex;flex-direction:column;min-width:260px;position:relative;transition:width .3s ease,min-width .3s ease;width:260px;z-index:100}.ud-sidebar:before{background:radial-gradient(circle at 20% 20%,#ff9b7a0f 0,#0000 50%),radial-gradient(circle at 80% 80%,#a8c5a80a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.ud-sidebar__header{align-items:center;border-bottom:1px solid #ff9b7a26;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1.25rem 1.25rem}.ud-sidebar__logo{align-items:center;display:flex;gap:.75rem}.ud-sidebar__logo-icon{align-items:center;background:#ff9b7a26;border:1px solid #ff9b7a40;border-radius:10px;display:flex;height:38px;justify-content:center;width:38px}.ud-sidebar__logo-text{color:#ffd4b8;font-family:"DM Serif Display",serif;font-size:1.35rem;white-space:nowrap}.ud-nav-label{color:#c4956a80;font-size:.62rem;font-weight:700;letter-spacing:1.5px;padding:1.25rem 1.25rem .4rem;text-transform:uppercase;white-space:nowrap}.ud-nav{flex:1 1;overflow-y:auto;padding:.5rem 0 1rem;scrollbar-width:none}.ud-nav::-webkit-scrollbar{display:none}.ud-nav__item{align-items:center;background:#0000;border:none;border-radius:10px;color:#ffd4b8a6;cursor:pointer;display:flex;font-family:Lora,serif;font-size:.9rem;font-weight:500;gap:.75rem;margin:.1rem .75rem;padding:.7rem 1.25rem;position:relative;text-align:left;transition:all .2s ease;width:calc(100% - 1.5rem)}.ud-nav__item:hover{background:#ff9b7a1a;color:#ffd4b8}.ud-nav__item--active{background:linear-gradient(135deg,#ff9b7a33,#ff9b7a14);border:1px solid #ff9b7a33;color:#ff9b7a}.ud-nav__item--active:before{background:#ff9b7a;border-radius:0 2px 2px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.ud-nav__icon{align-items:center;display:flex;flex-shrink:0;width:20px}.ud-nav__badge{animation:badgePop .4s ease both;background:#ff9b7a;border-radius:50px;color:#fff;font-size:.65rem;font-weight:700;margin-left:auto;padding:2px 7px}.ud-sidebar__footer{border-top:1px solid #ff9b7a26;flex-shrink:0;padding:1rem .75rem}.ud-sidebar__user{align-items:center;border-radius:10px;display:flex;gap:.75rem;padding:.6rem .5rem}.ud-sidebar__avatar{align-items:center;background:linear-gradient(135deg,#ff9b7a,#ffd4b8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:"DM Serif Display",serif;font-size:1rem;height:40px;justify-content:center;width:40px}.ud-sidebar__user-name{color:#ffd4b8;font-size:.88rem;font-weight:600}.ud-sidebar__user-email{color:#c4956aa6;font-size:.72rem}.ud-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.ud-topbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #ff9b7a1a;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1rem 2rem;z-index:10}.ud-topbar__left{display:flex;flex-direction:column;gap:2px}.ud-topbar__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:1.6rem;line-height:1}.ud-topbar__breadcrumb{color:#c4956a;font-size:.8rem;font-weight:500}.ud-topbar__right{gap:.75rem}.ud-search,.ud-topbar__right{align-items:center;display:flex}.ud-search{background:#fff8f0cc;border:1.5px solid #c4956a40;border-radius:50px;gap:.5rem;padding:.5rem 1rem;transition:all .25s}.ud-search:focus-within{border-color:#ff9b7a;box-shadow:0 0 0 3px #ff9b7a1f}.ud-search input{background:#0000;border:none;color:#3d2817;font-family:Lora,serif;font-size:.88rem;outline:none;width:180px}.ud-search input::placeholder{color:#c4956a}.ud-icon-btn{align-items:center;background:#fff8f0cc;border:1.5px solid #c4956a33;border-radius:10px;color:#8b6f47;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;position:relative;transition:all .2s;width:38px}.ud-icon-btn:hover{background:#ff9b7a1a;border-color:#ff9b7a4d;color:#ff9b7a}.ud-icon-btn__dot{animation:pulse 2s ease-in-out infinite;background:#ff9b7a;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.ud-content{flex:1 1;overflow-y:auto;padding:1.75rem 2rem 2rem;scrollbar-color:#ff9b7a4d #0000;scrollbar-width:thin}.ud-content::-webkit-scrollbar{width:5px}.ud-content::-webkit-scrollbar-thumb{background:#ff9b7a4d;border-radius:4px}.ud-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.75rem}.ud-stat-card{align-items:center;animation:fadeUp .5s ease both;background:#fff;border:1px solid #ff9b7a1a;border-radius:20px;box-shadow:0 4px 20px #5d4e3712;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.ud-stat-card:hover{box-shadow:0 8px 30px #5d4e371f;transform:translateY(-3px)}.ud-stat-card:first-child{animation-delay:.05s}.ud-stat-card:nth-child(2){animation-delay:.1s}.ud-stat-card:nth-child(3){animation-delay:.15s}.ud-stat-card:nth-child(4){animation-delay:.2s}.ud-stat-card__icon{align-items:center;border-radius:14px;display:flex;height:56px;justify-content:center;min-width:56px;width:56px}.ud-stat-card__icon--orange{background:#ff9b7a1f}.ud-stat-card__icon--green{background:#a8c5a833}.ud-stat-card__icon--blue{background:#6b9bd126}.ud-stat-card__icon--amber{background:#ffc1071f}.ud-stat-card__content{flex:1 1}.ud-stat-card__value{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:2rem;line-height:1;margin-bottom:4px}.ud-stat-card__label{color:#8b6f47;font-size:.82rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.ud-row{grid-gap:1.25rem;display:grid;gap:1.25rem;margin-bottom:1.25rem}.ud-row--2col{grid-template-columns:2fr 1fr}.ud-row--1col{grid-template-columns:1fr}.ud-card{animation:fadeUp .5s ease .2s both;background:#fff;border:1px solid #ff9b7a1a;border-radius:20px;box-shadow:0 4px 20px #5d4e370f;overflow:hidden}.ud-card__header{align-items:center;border-bottom:1px solid #ff9b7a14;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.ud-card__title-wrap{align-items:center;display:flex;gap:.6rem}.ud-card__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:1.15rem}.ud-card__subtitle{color:#c4956a;font-size:.78rem;margin-top:2px}.ud-card__actions{align-items:center;display:flex;gap:.5rem}.ud-card__body{padding:1.25rem 1.5rem}.ud-pill{border:none;border-radius:50px;cursor:pointer;font-family:Lora,serif;font-size:.78rem;font-weight:700;padding:.35rem .9rem;transition:all .2s;white-space:nowrap}.ud-pill--outline{background:#0000;border:1.5px solid #ff9b7a66;color:#ff9b7a}.ud-pill--outline:hover{background:#ff9b7a14}.ud-pill--filled{background:#ff9b7a;box-shadow:0 2px 10px #ff9b7a4d;color:#fff}.ud-pill--filled:hover{background:#ff7c54}.ud-table-wrap{overflow-x:auto}.ud-table{border-collapse:collapse;font-size:.875rem;width:100%}.ud-table thead tr{border-bottom:2px solid #ff9b7a1f}.ud-table th{color:#c4956a;font-size:.72rem;font-weight:700;letter-spacing:.8px;padding:.65rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.ud-table td{border-bottom:1px solid #ff9b7a12;color:#5d4e37;padding:.85rem 1rem;vertical-align:middle}.ud-table tbody tr{transition:background .15s}.ud-table tbody tr:hover{background:#fff8f0b3}.ud-table tbody tr:last-child td{border-bottom:none}.ud-table__book{align-items:center;display:flex;gap:.75rem}.ud-table__book-cover{align-items:center;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:56px;justify-content:center;min-width:40px;width:40px}.ud-table__book-title{color:#3d2817;font-size:.9rem;font-weight:600}.ud-table__book-author{color:#8b6f47;font-size:.75rem;margin-top:2px}.ud-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:3px 10px;white-space:nowrap}.ud-badge--active{background:#4caf501f;color:#2e7d32}.ud-badge--overdue{background:#e055551a;color:#c62828}.ud-badge--returned{background:#6b9bd11f;color:#1565c0}.ud-badge--available{background:#0096881a;color:#00695c}.ud-badge--borrowed{background:#ffc1071f;color:#b8860b}.ud-badge--dot:before{background:currentColor;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.ud-action-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:Lora,serif;font-size:.75rem;font-weight:700;gap:4px;padding:.35rem .85rem;transition:all .18s}.ud-action-btn--borrow{background:#ff9b7a1a;color:#c52}.ud-action-btn--borrow:hover{background:#ff9b7a38}.ud-action-btn--return{background:#4caf501a;color:#2e7d32}.ud-action-btn--return:hover{background:#4caf5038}.ud-action-btn--renew{background:#6b9bd11a;color:#1565c0}.ud-action-btn--renew:hover{background:#6b9bd133}.ud-action-btn--view{background:#c4956a1a;color:#8b6f47}.ud-action-btn--view:hover{background:#c4956a33}.ud-book-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ud-book-item{animation:fadeUp .4s ease both;background:#fff;border:1px solid #ff9b7a1a;border-radius:16px;box-shadow:0 2px 12px #5d4e370d;cursor:pointer;padding:1.25rem;transition:all .25s}.ud-book-item:hover{border-color:#ff9b7a4d;box-shadow:0 8px 24px #5d4e371f;transform:translateY(-4px)}.ud-book-item__cover{align-items:center;border-radius:10px;box-shadow:0 4px 16px #0000001f;color:#fff;display:flex;font-size:2.5rem;height:200px;justify-content:center;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.ud-book-item__badge{font-size:.65rem;padding:3px 8px;position:absolute;right:8px;top:8px}.ud-book-item__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3d2817;display:-webkit-box;font-family:"DM Serif Display",serif;font-size:1rem;line-height:1.3;margin-bottom:4px;overflow:hidden}.ud-book-item__author{color:#8b6f47;font-size:.8rem;margin-bottom:.75rem}.ud-book-item__footer{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem}.ud-book-item__category{background:#ff9b7a1a;border-radius:50px;color:#ff9b7a;font-size:.68rem;font-weight:600;padding:3px 8px}.ud-tabs{background:#fff8f0cc;border:1px solid #ff9b7a26;border-radius:50px;display:flex;gap:.25rem;padding:4px}.ud-tab{background:#0000;border:none;border-radius:50px;color:#8b6f47;cursor:pointer;font-family:Lora,serif;font-size:.82rem;font-weight:600;padding:.4rem 1rem;transition:all .2s;white-space:nowrap}.ud-tab--active{background:#fff;box-shadow:0 2px 8px #ff9b7a26;color:#ff9b7a}.ud-empty{align-items:center;color:#c4956a;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem;text-align:center}.ud-empty__icon{opacity:.4}.ud-empty__text{font-size:.95rem}.ud-empty__btn{margin-top:.5rem}.ud-profile-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:2rem}.ud-profile-avatar{align-items:center;background:linear-gradient(135deg,#ff9b7a,#ffd4b8);border-radius:50%;box-shadow:0 8px 24px #ff9b7a4d;color:#fff;display:flex;flex-shrink:0;font-family:"DM Serif Display",serif;font-size:2.5rem;height:100px;justify-content:center;width:100px}.ud-profile-info{flex:1 1}.ud-profile-name{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:2rem;margin-bottom:4px}.ud-profile-email{color:#8b6f47;font-size:.95rem;margin-bottom:1rem}.ud-profile-stats{display:flex;gap:2rem}.ud-profile-stat-value{color:#ff9b7a;font-family:"DM Serif Display",serif;font-size:1.8rem;line-height:1}.ud-profile-stat-label{color:#c4956a;font-size:.8rem;margin-top:4px}.ud-profile-fields{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.ud-profile-field__label{color:#8b6f47;font-size:.76rem;font-weight:700;letter-spacing:.8px;margin-bottom:.4rem;text-transform:uppercase}.ud-profile-field__value{background:#fff8f099;border:1.5px solid #c4956a33;border-radius:10px;color:#3d2817;font-size:.95rem;padding:.75rem 1rem}.ud-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5d4e378c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:500}.ud-modal{animation:fadeUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 24px 80px #0003;max-width:480px;padding:2rem 2.25rem;position:relative;width:100%}.ud-modal__close{align-items:center;background:#ff9b7a1a;border:none;border-radius:8px;color:#8b6f47;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s;width:32px}.ud-modal__close:hover{background:#ff9b7a33;color:#ff9b7a}.ud-modal__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:1.5rem;margin-bottom:.35rem}.ud-modal__sub{color:#8b6f47;font-size:.88rem;margin-bottom:1.5rem}.ud-modal__body{color:#5d4e37;line-height:1.7}.ud-modal__field{margin-bottom:1rem}.ud-modal__label{color:#8b6f47;display:block;font-size:.76rem;font-weight:700;letter-spacing:.8px;margin-bottom:.4rem;text-transform:uppercase}.ud-modal__input{background:#fff8f099;border:1.5px solid #c4956a4d;border-radius:10px;color:#3d2817;font-family:Lora,serif;font-size:.92rem;outline:none;padding:.72rem 1rem;transition:all .2s;width:100%}.ud-modal__input:focus{border-color:#ff9b7a;box-shadow:0 0 0 3px #ff9b7a1f}.ud-modal__input::placeholder{color:#c4956a}.ud-modal__value{background:#fff8f099;border-radius:10px;color:#3d2817;font-size:.95rem;padding:.7rem 1rem}.ud-modal__actions{display:flex;gap:.75rem;margin-top:1.5rem}.ud-modal__btn-cancel{background:#fff;border:1.5px solid #ff9b7a59;border-radius:50px;color:#ff9b7a;cursor:pointer;flex:1 1;font-family:Lora,serif;font-size:.9rem;font-weight:700;padding:.75rem;transition:all .2s}.ud-modal__btn-cancel:hover{background:#ff9b7a0f}.ud-modal__btn-submit{background:linear-gradient(135deg,#ff9b7a,#ff7c54);border:none;border-radius:50px;box-shadow:0 4px 14px #ff9b7a59;color:#fff;cursor:pointer;flex:1 1;font-family:Lora,serif;font-size:.9rem;font-weight:700;padding:.75rem;transition:all .2s}.ud-modal__btn-submit:hover{box-shadow:0 6px 20px #ff9b7a73;transform:translateY(-1px)}.ud-toast-wrap{bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1.5rem;z-index:1000}.ud-toast{align-items:center;animation:slideInRight .3s ease;background:#2c1810;border-left:3px solid #ff9b7a;border-radius:14px;box-shadow:0 8px 30px #0003;display:flex;gap:.75rem;min-width:280px;padding:.85rem 1.25rem}.ud-toast--success{border-left-color:#4caf50}.ud-toast--error{border-left-color:#e05555}.ud-toast__text{color:#ffd4b8;font-family:Lora,serif;font-size:.88rem}@media (max-width:1100px){.ud-row--2col{grid-template-columns:1fr}}@media (max-width:768px){.ud-sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:200}.ud-sidebar--open{transform:translateX(0)}.ud-topbar{padding:.85rem 1.25rem}.ud-search input{width:120px}.ud-content{padding:1.25rem}.ud-stats-grid{grid-template-columns:repeat(2,1fr)}.ud-profile-fields{grid-template-columns:1fr}}@media (max-width:480px){.ud-stats-grid{grid-template-columns:1fr}.ud-topbar__title{font-size:1.3rem}.ud-book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}@keyframes floatA{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-28px) rotate(10deg)}}@keyframes floatB{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(22px) rotate(-8deg)}}@keyframes floatC{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes successPulse{0%,to{box-shadow:0 8px 30px #4caf504d;transform:scale(1)}50%{box-shadow:0 12px 40px #4caf5080;transform:scale(1.06)}}.fp-page{background:#fff8f0;display:flex;font-family:Lora,serif;min-height:100vh;overflow:hidden;position:relative}.fp-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.fp-bg__shape{border-radius:50%;position:absolute}.fp-bg__shape--1{animation:floatA 12s ease-in-out infinite;background:radial-gradient(circle,#ff9b7a1a 0,#0000 70%);height:520px;left:-120px;top:-120px;width:520px}.fp-bg__shape--2{animation:floatB 10s ease-in-out infinite;background:radial-gradient(circle,#a8c5a81a 0,#0000 70%);bottom:-90px;height:420px;right:-70px;width:420px}.fp-bg__shape--3{animation:floatC 8s ease-in-out infinite;background:radial-gradient(circle,#6b9bd117 0,#0000 70%);height:300px;left:38%;top:45%;width:300px}.fp-panel{align-items:stretch;animation:slideInLeft .7s cubic-bezier(.4,0,.2,1) both;background:linear-gradient(150deg,#5d4e37,#3d2817);display:flex;min-width:340px;overflow:hidden;position:relative;width:44%;z-index:1}.fp-panel:before{background-image:radial-gradient(circle at 20% 80%,#ff9b7a14 0,#0000 50%),radial-gradient(circle at 80% 20%,#6b9bd10f 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.fp-panel__inner{display:flex;flex-direction:column;justify-content:center;padding:3rem 3.5rem;position:relative;width:100%;z-index:2}.fp-panel__logo{align-items:center;display:flex;gap:.75rem;margin-bottom:3rem}.fp-panel__logo-icon{align-items:center;background:#ff9b7a26;border:1px solid #ff9b7a40;border-radius:14px;display:flex;height:46px;justify-content:center;width:46px}.fp-panel__logo-text{color:#ffd4b8;font-family:"DM Serif Display",serif;font-size:1.75rem;letter-spacing:-.02em}.fp-panel__illustration{height:160px;margin-bottom:2.5rem;position:relative}.fp-panel__glow{background:radial-gradient(circle,#ff9b7a2e 0,#0000 70%);border-radius:50%;height:130px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:130px}.float-book{display:flex;gap:3px;position:absolute}.float-book--1{animation:floatA 6s ease-in-out infinite;left:12%;top:18px;transform:rotate(-12deg)}.float-book--2{animation:floatB 7s ease-in-out infinite;left:44%;top:38px;transform:rotate(8deg)}.float-book--3{animation:floatC 5s ease-in-out infinite;left:72%;top:8px;transform:rotate(-5deg)}.book-spine{border-radius:3px 0 0 3px;height:82px;width:14px}.book-cover{border-radius:0 5px 5px 0;height:82px;width:52px}.book--orange .book-spine{background:#ff9b7a}.book--orange .book-cover{background:#ffd4b8}.book--green .book-spine{background:#a8c5a8}.book--green .book-cover{background:#c8e0c8}.book--blue .book-spine{background:#6b9bd1}.book--blue .book-cover{background:#9bbce0}.fp-panel__title{color:#ffd4b8;font-family:"DM Serif Display",serif;font-size:2.4rem;line-height:1.2;margin-bottom:1rem}.fp-panel__subtitle{color:#ffd4b8bf;font-size:1rem;line-height:1.7;margin-bottom:2rem}.fp-panel__quote{align-items:flex-start;background:#ff9b7a14;border:1px solid #ff9b7a24;border-radius:14px;display:flex;gap:1rem;margin-bottom:2.5rem;padding:1.25rem 1.5rem}.fp-panel__quote-bar{background:#ff9b7a;border-radius:2px;flex-shrink:0;min-height:50px;width:3px}.fp-panel__quote-text{color:#ffd4b8d9;font-size:.95rem;font-style:italic;line-height:1.65}.fp-form-side{align-items:center;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:2rem;z-index:1}.fp-card{animation:fadeUp .6s cubic-bezier(.4,0,.2,1) both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #ff9b7a1f;border-radius:28px;box-shadow:0 20px 60px #5d4e371f,0 4px 16px #5d4e370f;max-width:480px;padding:2.75rem 3rem;width:100%}.fp-card__header{margin-bottom:2.25rem;text-align:center}.fp-card__icon-wrap{align-items:center;background:linear-gradient(135deg,#ff9b7a1f,#ffd4b814);border:1px solid #ff9b7a33;border-radius:20px;display:flex;height:68px;justify-content:center;margin:0 auto 1.1rem;width:68px}.fp-card__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:2.1rem;margin-bottom:.35rem}.fp-card__subtitle{color:#8b6f47;font-size:.95rem;line-height:1.55}.fp-info-box{align-items:flex-start;background:#6b9bd114;border:1px solid #6b9bd133;border-radius:12px;display:flex;gap:.75rem;margin-bottom:1.75rem;padding:1rem 1.25rem}.fp-info-box__icon{display:flex;flex-shrink:0;margin-top:2px}.fp-info-box__text{color:#5d4e37;font-size:.87rem;line-height:1.6}.fp-field{margin-bottom:1.1rem}.fp-field__label{color:#8b6f47;display:block;font-size:.76rem;font-weight:700;letter-spacing:.9px;margin-bottom:.4rem;text-transform:uppercase}.fp-field__wrap{align-items:center;background:#fff8f099;border:1.5px solid #c4956a4d;border-radius:12px;display:flex;gap:.6rem;padding:.78rem 1rem;position:relative;transition:border-color .25s ease,box-shadow .25s ease}.fp-field__wrap:focus-within{border-color:#ff9b7a;box-shadow:0 0 0 3px #ff9b7a26}.fp-field__wrap--error{border-color:#e0555580}.fp-field__wrap--error:focus-within{border-color:#e05555;box-shadow:0 0 0 3px #e055551f}.fp-field__icon{align-items:center;color:#c4956a;display:flex;flex-shrink:0}.fp-field__icon--error{color:#e05555}.fp-field__wrap input{background:#0000;border:none;color:#3d2817;flex:1 1;font-family:Lora,serif;font-size:.97rem;outline:none}.fp-field__wrap input::placeholder{color:#c4956a}.fp-field__error{color:#e05555;font-family:Lora,serif;font-size:.75rem;margin-top:.3rem}.fp-btn-primary{align-items:center;background:linear-gradient(135deg,#ff9b7a,#ff7c54);border:none;border-radius:50px;box-shadow:0 4px 20px #ff9b7a59;color:#fff;cursor:pointer;display:flex;font-family:Lora,serif;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.02em;padding:.95rem 1.5rem;transition:transform .25s ease,box-shadow .25s ease;width:100%}.fp-btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #ff9b7a7a;transform:translateY(-2px)}.fp-btn-primary:disabled{cursor:not-allowed;opacity:.8}.fp-spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.fp-switch-text{color:#8b6f47;font-size:.9rem;margin-top:1.5rem;text-align:center}.fp-link{color:#ff9b7a;font-weight:700;text-decoration:none;transition:opacity .2s}.fp-link:hover{opacity:.72;text-decoration:underline}.fp-success{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem;z-index:1}.fp-success__card{animation:fadeUp .6s ease both;background:#fffffff5;border:1px solid #ff9b7a1f;border-radius:28px;box-shadow:0 20px 60px #5d4e371f;max-width:500px;padding:3.5rem 3rem;text-align:center;width:100%}.fp-success__orb{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6b9bd1,#9bbce0);border-radius:50%;display:flex;height:88px;justify-content:center;margin:0 auto 1.75rem;width:88px}.fp-success__title{color:#5d4e37;font-family:"DM Serif Display",serif;font-size:2rem;margin-bottom:1rem}.fp-success__text{color:#8b6f47;font-size:1rem;line-height:1.75;margin-bottom:2.25rem}.fp-success__email{color:#5d4e37;font-weight:700}@media (max-width:900px){.fp-panel{display:none}.fp-form-side{padding:1.5rem}.fp-card{padding:2rem 1.75rem}}@media (max-width:480px){.fp-card{border-radius:20px;padding:1.75rem 1.25rem}.fp-card__title{font-size:1.75rem}}.bp{background:#fff8f0;background:var(--cream);color:#3d2817;color:var(--text);font-family:Quicksand,sans-serif;min-height:100vh;position:relative}.bg-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bs{animation:bfloat 20s ease-in-out infinite;border-radius:50%;position:absolute}.b1{background:radial-gradient(circle,#ff9b7a14 0,#0000 70%);height:420px;left:-8%;top:5%;width:420px}.b2{animation-delay:-7s;background:radial-gradient(circle,#a8c5a812 0,#0000 70%);height:520px;right:-12%;top:45%;width:520px}.b3{animation-delay:-14s;background:radial-gradient(circle,#6b9bd112 0,#0000 70%);bottom:8%;height:360px;left:22%;width:360px}@keyframes bfloat{0%,to{transform:translate(0)}33%{transform:translate(25px,-25px)}66%{transform:translate(-18px,18px)}}.bp-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff8f0f5;border-bottom:1px solid #ff9b7a26;box-shadow:0 2px 8px #0000000f;box-shadow:var(--sh-sm);gap:1.5rem;padding:1rem 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.bp-nav,.nav-logo{align-items:center;display:flex}.nav-logo{color:#5d4e37;color:var(--dark-brown);flex-shrink:0;font-family:"DM Serif Display",serif;font-size:1.6rem;gap:.65rem;text-decoration:none}.nav-tabs{display:flex;flex:1 1;gap:.25rem;justify-content:center}.ntab{align-items:center;background:#0000;border:none;border-radius:50px;color:#8b6f47;color:var(--brown);cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600;gap:.45rem;padding:.65rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);white-space:nowrap}.ntab:hover{background:#ff9b7a14}.ntab.active,.ntab:hover{color:#ff9b7a;color:var(--coral)}.ntab.active{background:#ff9b7a1f}.tab-badge{background:#3498db;background:var(--info);border-radius:50px;color:#fff;font-size:.7rem;font-weight:700;margin-left:.2rem;padding:.1rem .45rem}.tab-badge-red{background:#e74c3c;background:var(--danger)}.nav-right{align-items:center;display:flex;gap:.75rem;margin-left:auto}.role-badge{font-size:.78rem}.user-pill{background:#ff9b7a14;border-radius:50px;color:#5d4e37;color:var(--dark-brown);font-size:.88rem;font-weight:600;gap:.5rem;padding:.4rem .9rem}.user-av,.user-pill{align-items:center;display:flex}.user-av{background:#ff9b7a;background:var(--coral);border-radius:50%;color:#fff;height:28px;justify-content:center;width:28px}.bp-body{grid-gap:2rem;display:grid;gap:2rem;margin:0 auto;max-width:1800px;padding:2rem 5%;position:relative;z-index:1}.bp-body.with-sidebar{grid-template-columns:270px 1fr}.bp-body.no-sidebar{grid-template-columns:1fr}.bp-side{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);height:-webkit-fit-content;height:fit-content;padding:1.75rem;position:-webkit-sticky;position:sticky;top:90px}.side-head{align-items:center;border-bottom:2px solid #ffd4b8;border-bottom:2px solid var(--peach);display:flex;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1rem}.side-head h3{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.4rem}.btn-reset{align-items:center;background:#0000;border:1.5px solid #ff9b7a;border:1.5px solid var(--coral);border-radius:50px;color:#ff9b7a;color:var(--coral);cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:600;gap:.4rem;padding:.45rem .9rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.btn-reset:hover{background:#ff9b7a;background:var(--coral);color:#fff}.fsec{margin-bottom:1.75rem}.fsec h4{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1rem;margin-bottom:.75rem}.flist{display:flex;flex-direction:column;gap:.6rem;max-height:190px;overflow-y:auto}.fc,.fr{align-items:center;color:#8b6f47;color:var(--brown);cursor:pointer;display:flex;font-size:.9rem;gap:.65rem;transition:color .2s}.fc:hover,.fr:hover{color:#ff9b7a;color:var(--coral)}.fc input,.fr input{accent-color:#ff9b7a;accent-color:var(--coral);cursor:pointer;height:17px;width:17px}.range-in{background:#ffd4b8;background:var(--peach);border-radius:3px;cursor:pointer;height:5px;margin-top:.5rem;outline:none;width:100%}.range-in::-webkit-slider-thumb{-webkit-appearance:none;background:#ff9b7a;background:var(--coral);border-radius:50%;cursor:pointer;height:19px;-webkit-transition:transform .2s;transition:transform .2s;width:19px}.range-in::-webkit-slider-thumb:hover{transform:scale(1.2)}.range-row{align-items:center;display:flex;justify-content:space-between;margin-top:.6rem}.rv{color:#5d4e37;color:var(--dark-brown);font-size:.9rem;font-weight:700}.year-row{align-items:center;display:flex;gap:.6rem;margin-top:.5rem}.year-row input{background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:8px;flex:1 1;font-family:Quicksand,sans-serif;font-size:.9rem;outline:none;padding:.55rem}.year-row input:focus{border-color:#ff9b7a;border-color:var(--coral)}.side-stats{border-top:2px dashed #ffd4b8;border-top:2px dashed var(--peach);display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;padding-top:1.25rem}.sstat{align-items:center;background:#fff8f0;background:var(--cream);border:1.5px solid #ffd4b8;border:1.5px solid var(--peach);border-radius:50px;color:#8b6f47;color:var(--brown);display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.sstat:hover{background:#ffd4b8;background:var(--peach)}.danger-s{background:#e74c3c12;border-color:#e74c3c4d;color:#e74c3c;color:var(--danger)}.bp-main{display:flex;flex-direction:column;gap:1.75rem}.top-bar{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.75rem 2rem}.page-title h1{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.9rem;margin-bottom:.3rem}.page-title p{color:#8b6f47;color:var(--brown);font-size:.9rem}.top-actions{flex-wrap:wrap;gap:.75rem}.search-bar,.top-actions{align-items:center;display:flex}.search-bar{background:#fff8f0;background:var(--cream);border:2px solid #0000;border-radius:50px;gap:.65rem;min-width:280px;padding:.7rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.search-bar:focus-within{border-color:#ff9b7a;border-color:var(--coral);box-shadow:0 0 0 3px #ff9b7a1a}.search-bar input{background:#0000;border:none;flex:1 1;font-size:.92rem}.search-bar input,.sort-sel{color:#3d2817;color:var(--text);font-family:Quicksand,sans-serif;outline:none}.sort-sel{background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:50px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.68rem 1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.sort-sel:focus{border-color:#ff9b7a;border-color:var(--coral)}.btn-view{align-items:center;background:#fff;border:2px solid #ff9b7a;border:2px solid var(--coral);border-radius:50%;color:#ff9b7a;color:var(--coral);cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);width:42px}.btn-add,.btn-view:hover{background:#ff9b7a;background:var(--coral);color:#fff}.btn-add{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:700;gap:.45rem;padding:.7rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);white-space:nowrap}.btn-add:hover{background:#5d4e37;background:var(--dark-brown);box-shadow:0 6px 18px #ff9b7a4d;transform:translateY(-2px)}.btn-refresh{align-items:center;background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:50%;color:#8b6f47;color:var(--brown);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);width:40px}.btn-refresh:hover{border-color:#ff9b7a;border-color:var(--coral);color:#ff9b7a;color:var(--coral);transform:rotate(180deg)}.filter-pills{display:flex;gap:.4rem}.fpill{background:#fff;border:1.5px solid #ffd4b8;border:1.5px solid var(--peach);border-radius:50px;color:#8b6f47;color:var(--brown);cursor:pointer;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.fpill.on,.fpill:hover{background:#ff9b7a;background:var(--coral);border-color:#ff9b7a;border-color:var(--coral);color:#fff}.wish-strip{align-items:center;background:#ff9b7a14;border:1.5px solid #ff9b7a40;border-radius:14px;color:#5d4e37;color:var(--dark-brown);display:flex;font-size:.9rem;font-weight:600;gap:.75rem;padding:.85rem 1.4rem}.wish-clr{background:#0000;border:1.5px solid #ff9b7a;border:1.5px solid var(--coral);border-radius:50px;color:#ff9b7a;color:var(--coral);cursor:pointer;font-family:Quicksand,sans-serif;font-size:.8rem;font-weight:700;margin-left:auto;padding:.35rem .9rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.wish-clr:hover{background:#ff9b7a;background:var(--coral);color:#fff}.books-grid{grid-gap:1.75rem;display:grid;gap:1.75rem}.books-grid.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.books-grid.list{grid-template-columns:1fr}.book-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.book-card:hover{box-shadow:0 20px 60px #00000026;box-shadow:var(--sh-xl);transform:translateY(-7px)}.book-card.list{display:grid;grid-template-columns:190px 1fr}.book-cover{height:300px;overflow:hidden;position:relative;width:100%}.book-card.list .book-cover{height:100%;min-height:210px}.book-cover img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.book-card:hover .book-cover img{transform:scale(1.07)}.book-overlay{align-items:center;background:#000000b8;display:flex;gap:.75rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.book-card:hover .book-overlay{opacity:1}.btn-ic{align-items:center;background:#fff;border:none;border-radius:50%;color:#ff9b7a;color:var(--coral);cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);width:42px}.btn-ic:hover{background:#ff9b7a;background:var(--coral);color:#fff;transform:scale(1.1)}.btn-ic.danger{color:#e74c3c;color:var(--danger)}.btn-ic.danger:hover{background:#e74c3c;background:var(--danger);color:#fff}.avail-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.73rem;font-weight:700;padding:.35rem .8rem;position:absolute;right:.9rem;top:.9rem}.avail-chip.av{background:#27ae60e6;color:#fff}.avail-chip.un{background:#e74c3ce6;color:#fff}.wish-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;left:.9rem;position:absolute;top:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);width:32px}.wish-btn:hover{transform:scale(1.2)}.wish-btn.on{background:#fff8f0e6}.mrp-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8f0f2;border:1.5px solid #ffd4b8;border:1.5px solid var(--peach);border-radius:50px;bottom:.9rem;color:#5d4e37;color:var(--dark-brown);font-size:.78rem;font-weight:700;left:.9rem;padding:.3rem .75rem;position:absolute}.book-info{padding:1.4rem}.genre-chip{background:#ff9b7a1a;border-radius:50px;color:#ff9b7a;color:var(--coral);display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.4px;margin-bottom:.6rem;padding:.22rem .65rem;text-transform:uppercase}.b-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#5d4e37;color:var(--dark-brown);display:-webkit-box;font-family:"DM Serif Display",serif;font-size:1.15rem;margin-bottom:.4rem;overflow:hidden}.b-author{color:#8b6f47;color:var(--brown);font-size:.88rem;font-weight:600;margin-bottom:.2rem}.b-pub{color:#aaa;font-size:.8rem;margin-bottom:.65rem}.b-rating{align-items:center;display:flex;gap:.35rem;margin-bottom:.9rem}.b-rating span{color:#ff9b7a;color:var(--coral);font-size:.88rem;font-weight:700}.rc{color:#8b6f47;color:var(--brown);font-size:.78rem;font-weight:400}.b-actions{display:flex;gap:.6rem}.btn-issue,.btn-un{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;flex:1 1;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:700;gap:.4rem;justify-content:center;padding:.62rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.btn-issue{background:#ff9b7a;background:var(--coral);color:#fff}.btn-issue:hover{background:#5d4e37;background:var(--dark-brown);box-shadow:0 4px 14px #ff9b7a59;transform:translateY(-2px)}.btn-un{background:#fff;border:2px solid #eee;color:#bbb;cursor:not-allowed}.btn-un,.sk-card{pointer-events:none}.sk{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0e8e0 25%,#fdf4ec 50%,#f0e8e0 75%);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-cover{border-radius:0;height:260px}.sk-h{margin-bottom:9px}.sk-title{height:20px;width:78%}.sk-auth{height:15px;width:55%}.sk-meta{height:13px;width:65%}.sk-rate{height:14px;width:45%}.sk-btn{border-radius:50px;height:36px}.empty-s{align-items:center;display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;justify-content:center;padding:5rem 2rem;text-align:center}.empty-s h3{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.45rem}.empty-s p{color:#8b6f47;color:var(--brown)}.pager{gap:.75rem;justify-content:center;margin-top:1.5rem}.pager,.pgbtn{align-items:center;display:flex}.pgbtn{background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:50px;color:#3d2817;color:var(--text);cursor:pointer;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:600;gap:.4rem;padding:.65rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.pgbtn:hover:not(:disabled){background:#ff9b7a;background:var(--coral);border-color:#ff9b7a;border-color:var(--coral);color:#fff}.pgbtn:disabled{cursor:not-allowed;opacity:.5}.pg-nums{display:flex;gap:.4rem}.pgnum{background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:50%;color:#3d2817;color:var(--text);cursor:pointer;font-family:Quicksand,sans-serif;font-weight:600;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);width:38px}.pgnum.on,.pgnum:hover{background:#ff9b7a;background:var(--coral);border-color:#ff9b7a;border-color:var(--coral);color:#fff}.tbl-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);overflow-x:auto;padding:2rem}.tbl-load{align-items:center;color:#8b6f47;color:var(--brown);display:flex;flex-direction:column;gap:1rem;padding:4rem}.rec-tbl{border-collapse:collapse;width:100%}.rec-tbl thead{background:linear-gradient(135deg,#ffd4b8,#ffd4b866);background:linear-gradient(135deg,var(--peach),#ffd4b866)}.rec-tbl th{color:#5d4e37;color:var(--dark-brown);font-size:.85rem;font-weight:700;padding:.9rem 1rem;text-align:left}.rec-tbl td{border-bottom:1px solid #fff8f0;border-bottom:1px solid var(--cream);font-size:.85rem;padding:.8rem 1rem}.rec-tbl tr:hover td{background:#ff9b7a08}.ct{color:#5d4e37;color:var(--dark-brown);font-size:.88rem;font-weight:600}.cs{color:#8b6f47;color:var(--brown);font-size:.8rem;margin-top:.2rem}.sbadge{padding:.3rem .7rem}.sb-overdue{animation:pulse-badge 2s ease infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.55}}.od,.pen{color:#e74c3c;color:var(--danger);font-weight:700}.btn-ret{align-items:center;background:#27ae60;background:var(--success);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:Quicksand,sans-serif;font-size:.8rem;font-weight:600;gap:.3rem;padding:.4rem .85rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.btn-ret:hover:not(:disabled){background:#229954;transform:translateY(-1px)}.btn-ret:disabled{cursor:not-allowed;opacity:.6}.rec-stats{background:#ffd4b8;background:var(--peach);border-radius:16px 16px 0 0;display:flex;gap:1px;margin:-2rem -2rem 2rem;overflow:hidden}.rstat{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;gap:.3rem;padding:1.4rem}.rstat span:first-child{font-family:"DM Serif Display",serif;font-size:1.6rem}.rstat span:last-child{color:#8b6f47;color:var(--brown);font-size:.78rem;font-weight:600}.overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2000}.modal{animation:slideUp .3s cubic-bezier(.34,1.3,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;box-shadow:var(--sh-xl);max-height:90vh;overflow-y:auto}.modal-head{border-bottom:2px solid #ffd4b8;border-bottom:2px solid var(--peach);padding:1.75rem 2rem 1.25rem;position:relative}.modal-head h2{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.5rem;padding-right:2.5rem}.det-modal{max-width:100%;position:relative;width:880px}.det-wrap{display:grid;grid-template-columns:260px 1fr}.det-img-col{position:relative}.det-img-col img{border-radius:24px 0 0 24px;height:100%;min-height:440px;object-fit:cover;width:100%}.det-av{border-radius:50px;bottom:1.4rem;font-size:.78rem;font-weight:700;left:50%;padding:.45rem 1.1rem;position:absolute;transform:translateX(-50%);white-space:nowrap}.det-av.av{background:#27ae60eb;color:#fff}.det-av.un{background:#e74c3ceb;color:#fff}.det-info{padding:2.25rem}.det-genre{align-items:center;background:#ff9b7a1a;border-radius:50px;color:#ff9b7a;color:var(--coral);display:inline-flex;font-size:.76rem;font-weight:700;gap:.35rem;letter-spacing:.4px;margin-bottom:.9rem;padding:.3rem .8rem;text-transform:uppercase}.det-info h2{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.9rem;margin-bottom:.4rem}.det-series{color:#6b9bd1;color:var(--blue);font-size:.9rem;margin-bottom:.4rem}.det-author{color:#8b6f47;color:var(--brown);margin-bottom:.9rem}.det-stars{align-items:center;display:flex;gap:.4rem;margin-bottom:1.2rem}.det-stars strong{color:#ff9b7a;color:var(--coral);font-size:1rem}.det-stars span{font-size:.85rem}.det-desc,.det-stars span{color:#8b6f47;color:var(--brown)}.det-desc{font-size:.92rem;line-height:1.7;margin-bottom:1.6rem}.det-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:1fr 1fr;margin-bottom:1.8rem}.di{align-items:center;color:#8b6f47;color:var(--brown);display:flex;font-size:.88rem;gap:.55rem}.di svg{color:#ff9b7a;color:var(--coral);flex-shrink:0}.mrp-di span{color:#5d4e37;color:var(--dark-brown);font-size:1rem;font-weight:700}.det-acts{display:flex;flex-wrap:wrap;gap:.75rem}.btn-wish-lg{align-items:center;background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:50px;color:#8b6f47;color:var(--brown);cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.btn-wish-lg.on,.btn-wish-lg:hover{border-color:#ff9b7a;border-color:var(--coral);color:#ff9b7a;color:var(--coral)}.btn-outline{align-items:center;background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:50px;color:#8b6f47;color:var(--brown);cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.btn-outline:hover{border-color:#ff9b7a;border-color:var(--coral);color:#ff9b7a;color:var(--coral)}.form-modal{max-width:100%;width:680px}.bk-form{padding:1.75rem 2rem 2rem}.form-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.fg input,.fg select,.fg textarea{background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:10px;color:#3d2817;color:var(--text);font-family:Quicksand,sans-serif;font-size:.9rem;outline:none;padding:.75rem .95rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:#ff9b7a;border-color:var(--coral);box-shadow:0 0 0 3px #ff9b7a1a}.fg textarea{resize:vertical}.form-actions{border-top:2px solid #ffd4b8;border-top:2px solid var(--peach);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.25rem}.iss-modal{max-width:100%;width:460px}.iss-prev{align-items:center;background:#fff8f0;background:var(--cream);border-radius:16px;display:flex;gap:1.1rem;margin:0 2rem 1.5rem;padding:1.1rem}.iss-prev img{border-radius:8px;flex-shrink:0;height:75px;object-fit:cover;width:55px}.iss-prev h3{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.05rem;margin-bottom:.25rem}.iss-prev p{color:#8b6f47;color:var(--brown);font-size:.85rem}.av-tag{background:#27ae601a;border-radius:50px;color:#27ae60;color:var(--success);display:inline-block;font-size:.76rem;font-weight:700;margin-top:.4rem;padding:.22rem .65rem}.confirm-modal{max-width:100%;padding:2.5rem 2rem;text-align:center;width:360px}.conf-icon{margin-bottom:1.25rem}.confirm-modal h2{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.5rem;margin-bottom:.6rem}.confirm-modal p{color:#8b6f47;color:var(--brown);margin-bottom:1.75rem}.btn-danger-s:disabled{cursor:not-allowed;opacity:.7}.bp-toast{align-items:center;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:14px;bottom:2rem;box-shadow:0 20px 60px #00000026;box-shadow:var(--sh-xl);color:#3d2817;color:var(--text);display:flex;font-size:.92rem;font-weight:600;gap:.9rem;padding:1.1rem 1.6rem;position:fixed;right:2rem;z-index:3000}.bp-toast.success{border-left:4px solid #27ae60;border-left:4px solid var(--success)}.bp-toast.error{border-left:4px solid #e74c3c;border-left:4px solid var(--danger)}.bp-toast.info{border-left:4px solid #3498db;border-left:4px solid var(--info)}.bp-toast.success .t-ic{background:#27ae60;background:var(--success)}.bp-toast.error .t-ic{background:#e74c3c;background:var(--danger)}.bp-toast.info .t-ic{background:#3498db;background:var(--info)}@media(max-width:1200px){.bp-body.with-sidebar{grid-template-columns:250px 1fr}}@media(max-width:968px){.bp-nav{flex-wrap:wrap;gap:.75rem}.nav-tabs{justify-content:flex-start;order:3;width:100%}.bp-body{grid-template-columns:1fr}.bp-side{display:none}.top-bar{align-items:stretch}.top-actions,.top-bar{flex-direction:column}.search-bar{min-width:100%}.books-grid.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.book-card.list,.det-wrap{grid-template-columns:1fr}.det-img-col img{border-radius:24px 24px 0 0;min-height:240px}.form-grid{grid-template-columns:1fr}.rec-stats{flex-wrap:wrap;margin:-2rem -2rem 1.5rem}}@media(max-width:640px){.books-grid.grid{grid-template-columns:1fr}.pg-nums .pgnum:not(.on){display:none}}:root{--cream:#fff8f0;--peach:#ffd4b8;--coral:#ff9b7a;--sage:#a8c5a8;--blue:#6b9bd1;--brown:#8b6f47;--dark-brown:#5d4e37;--text:#3d2817;--danger:#e74c3c;--success:#27ae60;--info:#3498db;--warning:#f39c12;--sh-sm:0 2px 8px #0000000f;--sh-md:0 4px 20px #00000014;--sh-lg:0 10px 40px #0000001f;--sh-xl:0 20px 60px #00000026;--tr:all .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}.mp{background:#fff8f0;background:var(--cream);color:#3d2817;color:var(--text);font-family:Quicksand,sans-serif;min-height:100vh;position:relative}.mp-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.mp-bs{animation:mpfloat 22s ease-in-out infinite;border-radius:50%;position:absolute}.mp-b1{background:radial-gradient(circle,#ff9b7a12 0,#0000 70%);height:450px;right:-5%;top:0;width:450px}.mp-b2{animation-delay:-9s;background:radial-gradient(circle,#a8c5a812 0,#0000 70%);bottom:15%;height:380px;left:-6%;width:380px}.mp-b3{animation-delay:-4s;background:radial-gradient(circle,#6b9bd112 0,#0000 70%);height:300px;left:35%;top:40%;width:300px}@keyframes mpfloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes spin{to{transform:rotate(1turn)}}.spin-icon{animation:spin .7s linear infinite}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.card-enter{animation:cardIn .4s ease both}.mp-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff8f0f5;border-bottom:1px solid #ff9b7a26;box-shadow:0 2px 8px #0000000f;box-shadow:var(--sh-sm);gap:1.5rem;padding:1rem 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mp-logo,.mp-nav{align-items:center;display:flex}.mp-logo{color:#5d4e37;color:var(--dark-brown);flex-shrink:0;font-family:"DM Serif Display",serif;font-size:1.6rem;gap:.65rem}.mp-tabs{display:flex;flex:1 1;gap:.25rem;justify-content:center}.mp-tab{align-items:center;background:#0000;border:none;border-radius:50px;color:#8b6f47;color:var(--brown);cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:600;gap:.45rem;padding:.65rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);white-space:nowrap}.mp-tab:hover{background:#ff9b7a14}.mp-tab.active,.mp-tab:hover{color:#ff9b7a;color:var(--coral)}.mp-tab.active{background:#ff9b7a1f}.mp-nav-right{align-items:center;display:flex;gap:.75rem;margin-left:auto}.role-badge{border:2px solid;border-radius:50px;font-size:.76rem;font-weight:700;padding:.4rem 1rem;text-transform:capitalize}.role-badge.role-admin{background:#e74c3c14;border-color:#e74c3c;border-color:var(--danger);color:#e74c3c;color:var(--danger)}.role-badge.role-librarian{background:#3498db14;border-color:#3498db;border-color:var(--info);color:#3498db;color:var(--info)}.role-badge.role-user{background:#27ae6014;border-color:#27ae60;border-color:var(--success);color:#27ae60;color:var(--success)}.mp-user{background:#ff9b7a14;border-radius:50px;color:#5d4e37;color:var(--dark-brown);font-size:.88rem;font-weight:600;gap:.55rem;padding:.4rem .9rem}.mp-av,.mp-user{align-items:center;display:flex}.mp-av{background:#ff9b7a;background:var(--coral);border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;height:30px;justify-content:center;width:30px}.mp-body{margin:0 auto;max-width:1600px;padding:2rem 5%;position:relative;z-index:1}.mp-content{display:flex;flex-direction:column;gap:1.75rem}.mp-topbar{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);display:flex;justify-content:space-between;padding:1.6rem 2rem}.mp-topbar h1{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.9rem;margin-bottom:.25rem}.mp-topbar p{color:#8b6f47;color:var(--brown);font-size:.9rem}.btn-add-plan{align-items:center;background:#ff9b7a;background:var(--coral);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:700;gap:.45rem;padding:.7rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);white-space:nowrap}.btn-add-plan:hover{background:#5d4e37;background:var(--dark-brown);box-shadow:0 6px 18px #ff9b7a4d;transform:translateY(-2px)}.btn-ref{align-items:center;background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:50%;color:#8b6f47;color:var(--brown);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);width:40px}.btn-ref:hover{border-color:#ff9b7a;border-color:var(--coral);color:#ff9b7a;color:var(--coral);transform:rotate(180deg)}.plans-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plan-card{background:#fff;border:2px solid #0000;border-radius:22px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.plan-card:hover{box-shadow:0 20px 60px #00000026;box-shadow:var(--sh-xl);transform:translateY(-7px)}.plan-card.my-plan{border-color:#ff9b7a;border-color:var(--coral);box-shadow:0 4px 24px #ff9b7a33}.cur-badge{background:#ff9b7a;background:var(--coral);border-radius:0 0 12px 12px;color:#fff;font-size:.72rem;font-weight:700;gap:.3rem;padding:.3rem .9rem;position:absolute;right:1.5rem;top:-1px}.cur-badge,.plan-top{align-items:center;display:flex}.plan-top{border-bottom:2px solid #ffd4b8;border-bottom:2px solid var(--peach);gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.plan-icon-wrap{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.plan-title-col h3{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.15rem;margin-bottom:.35rem;text-transform:capitalize}.plan-status{border-radius:50px;display:inline-block;font-size:.72rem;font-weight:700;padding:.25rem .7rem}.plan-status.on{background:#27ae601a;color:#27ae60;color:var(--success)}.plan-status.off{background:#f39c121a;color:#f39c12;color:var(--warning)}.plan-price{color:#ff9b7a;color:var(--coral);font-family:"DM Serif Display",serif;font-size:2.1rem;margin-bottom:1.25rem}.plan-price span{color:#8b6f47;color:var(--brown);font-family:Quicksand,sans-serif;font-size:.9rem}.plan-features{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.5rem}.pf{align-items:center;color:#8b6f47;color:var(--brown);display:flex;font-size:.9rem;gap:.65rem}.pf strong{color:#5d4e37;color:var(--dark-brown)}.plan-btns{display:flex;flex-wrap:wrap;gap:.5rem}.pb-del,.pb-edit,.pb-members{align-items:center;border:1.5px solid;border-radius:50px;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:600;gap:.35rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.pb-edit{background:#fff;border-color:#ffd4b8;border-color:var(--peach);color:#8b6f47;color:var(--brown)}.pb-edit:hover{border-color:#ff9b7a;border-color:var(--coral);color:#ff9b7a;color:var(--coral)}.pb-members{background:#fff;border-color:#ffd4b8;border-color:var(--peach);color:#8b6f47;color:var(--brown)}.pb-members:hover{border-color:#6b9bd1;border-color:var(--blue);color:#6b9bd1;color:var(--blue)}.pb-del{background:#fff;border-color:#e74c3c4d;color:#e74c3c;color:var(--danger);padding:.5rem .75rem}.pb-del:hover{background:#e74c3c;background:var(--danger);color:#fff}.btn-upgrade{background:#0000;border:2px solid;border-radius:50px;cursor:pointer;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:700;margin-top:1rem;padding:.7rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);width:100%}.btn-upgrade:hover{opacity:.8}.mp-load{color:#8b6f47;color:var(--brown)}.mp-empty,.mp-load{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:5rem}.mp-empty{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);text-align:center}.mp-empty h3{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.4rem}.profile-layout{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:380px 1fr}.profile-card{background:#fff;border-radius:22px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);overflow:hidden}.profile-hero{gap:1.25rem;padding:2.5rem 2rem 2rem}.profile-avatar,.profile-hero{align-items:center;display:flex}.profile-avatar{background:#fff;border-radius:50%;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);color:#ff9b7a;color:var(--coral);flex-shrink:0;font-family:"DM Serif Display",serif;font-size:1.5rem;height:70px;justify-content:center;width:70px}.profile-user-info h2{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.35rem;margin-bottom:.25rem}.profile-user-info p{color:#8b6f47;color:var(--brown);font-size:.88rem;margin-bottom:.5rem}.pstatus{border-radius:50px;display:inline-block;font-size:.75rem;font-weight:700;padding:.3rem .85rem;text-transform:capitalize}.st-active{background:#27ae601a;color:#27ae60;color:var(--success)}.st-expired{background:#e74c3c1a;color:#e74c3c;color:var(--danger)}.st-suspended{background:#f39c121a;color:#f39c12;color:var(--warning)}.profile-body{padding:2rem}.profile-plan-info{background:#fff8f0;background:var(--cream);border-radius:16px;gap:1rem;margin-bottom:1.5rem;padding:1.2rem}.pp-icon,.profile-plan-info{align-items:center;display:flex}.pp-icon{background:#ff9b7a1a;border-radius:12px;flex-shrink:0;height:44px;justify-content:center;width:44px}.pp-name{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.1rem;margin-bottom:.3rem}.pp-type{border-radius:50px;display:inline-block;font-size:.72rem;font-weight:700;padding:.2rem .6rem;text-transform:capitalize}.pp-type.type-basic{background:#3498db1a;color:#3498db;color:var(--info)}.pp-type.type-standard{background:#27ae601a;color:#27ae60;color:var(--success)}.pp-type.type-premium{background:#ff9b7a1a}.pp-fee,.pp-type.type-premium{color:#ff9b7a;color:var(--coral)}.pp-fee{font-family:"DM Serif Display",serif;font-size:1.35rem;margin-left:auto}.profile-rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.pr{align-items:center;border-bottom:1px solid #fff8f0;border-bottom:1px solid var(--cream);display:flex;font-size:.88rem;gap:.65rem;padding:.65rem .5rem}.pr svg{flex-shrink:0}.pr span{color:#8b6f47;color:var(--brown);flex:1 1}.pr strong{color:#5d4e37;color:var(--dark-brown)}.expiry-bar{background:#fff8f0;background:var(--cream);border-radius:14px;padding:1.1rem 1.25rem}.eb-info{color:#5d4e37;color:var(--dark-brown);font-size:.88rem;font-weight:600;justify-content:space-between;margin-bottom:.65rem}.eb-info,.eb-warn{align-items:center;display:flex}.eb-warn{color:#f39c12;color:var(--warning);font-size:.82rem;gap:.3rem}.expiry-bar.soon .eb-track{background:#f39c1226}.expiry-bar.soon .eb-fill{background:linear-gradient(90deg,#f39c12,#f5a623);background:linear-gradient(90deg,var(--warning),#f5a623)}.eb-track{background:#a8c5a833;border-radius:50px;height:8px;overflow:hidden}.eb-fill{background:linear-gradient(90deg,#ff9b7a,#ffb89a);background:linear-gradient(90deg,var(--coral),#ffb89a);border-radius:50px;height:100%;transition:width .8s ease}.profile-right{display:flex;flex-direction:column;gap:1.75rem}.stat-cards{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.stat-card{background:#fff;border-radius:18px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);padding:1.6rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.stat-card:hover{box-shadow:0 10px 40px #0000001f;box-shadow:var(--sh-lg);transform:translateY(-4px)}.sc-icon{align-items:center;border-radius:14px;display:flex;height:52px;justify-content:center;margin:0 auto .9rem;width:52px}.sc-val{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:2rem;margin-bottom:.3rem}.sc-lbl{color:#8b6f47;color:var(--brown);font-size:.85rem;font-weight:600}.active-iss-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);padding:1.6rem}.active-iss-card h3{align-items:center;color:#5d4e37;color:var(--dark-brown);display:flex;font-family:"DM Serif Display",serif;font-size:1.2rem;gap:.6rem;margin-bottom:1.2rem}.no-active{align-items:center;color:#8b6f47;color:var(--brown);padding:2rem;text-align:center}.active-list,.no-active{display:flex;flex-direction:column;gap:.75rem}.active-item{align-items:center;background:#fff8f0;background:var(--cream);border-left:4px solid #a8c5a8;border-left:4px solid var(--sage);border-radius:14px;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.active-item.overdue{background:#e74c3c0d;border-left-color:#e74c3c;border-left-color:var(--danger)}.active-item.warn{background:#f39c120d;border-left-color:#f39c12;border-left-color:var(--warning)}.ai-icon{align-items:center;background:#ff9b7a1a;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.ai-info{flex:1 1}.ai-info strong{color:#5d4e37;color:var(--dark-brown);display:block;font-size:.9rem;margin-bottom:.2rem}.ai-info span{color:#8b6f47;color:var(--brown);font-size:.8rem}.ai-days{color:#27ae60;color:var(--success);font-size:.85rem;font-weight:700;white-space:nowrap}.ai-days.red{color:#e74c3c;color:var(--danger)}.ai-days.orange{color:#f39c12;color:var(--warning)}.hist-summary{background:#fff;background:#ffd4b8;background:var(--peach);border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);display:flex;gap:1px;overflow:hidden;padding:1.5rem 2rem}.hs-item{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;gap:.3rem;padding:1.25rem;text-align:center}.hs-item span:first-child{font-family:"DM Serif Display",serif;font-size:1.55rem}.hs-item span:last-child{color:#8b6f47;color:var(--brown);font-size:.78rem;font-weight:600}.hist-list{display:flex;flex-direction:column;gap:.85rem}.hist-item{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--sh-sm);display:flex;gap:1.1rem;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.hist-item:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);transform:translateX(4px)}.hist-item.hs-overdue{border-left:4px solid #e74c3c;border-left:4px solid var(--danger)}.hist-item.hs-returned{border-left:4px solid #27ae60;border-left:4px solid var(--success)}.hist-item.hs-borrowed{border-left:4px solid #3498db;border-left:4px solid var(--info)}.hi-icon{align-items:center;background:#fff8f0;background:var(--cream);border-radius:12px;display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.hi-main{flex:1 1}.hi-main strong{color:#5d4e37;color:var(--dark-brown);display:block;font-size:.9rem;margin-bottom:.45rem}.hi-dates{display:flex;flex-wrap:wrap;gap:1.2rem}.hi-dates span{align-items:center;color:#8b6f47;color:var(--brown);display:flex;font-size:.78rem;gap:.3rem}.hi-right{align-items:flex-end;display:flex;flex-direction:column;gap:.4rem}.sbadge{border-radius:50px;font-size:.7rem;font-weight:700;padding:.28rem .7rem;text-transform:capitalize}.sb-borrowed{background:#3498db1a;color:#3498db;color:var(--info)}.sb-overdue{background:#e74c3c1a;color:#e74c3c;color:var(--danger)}.sb-returned{background:#27ae601a;color:#27ae60;color:var(--success)}.hi-fee{font-size:.8rem;font-weight:700}.hi-fee,.hi-over{color:#e74c3c;color:var(--danger)}.hi-over{font-size:.78rem}.members-by-plan{display:flex;flex-direction:column;gap:1rem}.plan-member-section{background:#fff;border-radius:18px;box-shadow:0 2px 8px #0000000f;box-shadow:var(--sh-sm);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.plan-member-section:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md)}.pms-head{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.pms-head:hover{background:#ff9b7a0a}.pms-plan-info{align-items:center;display:flex;gap:.75rem}.pms-plan-info strong{color:#5d4e37;color:var(--dark-brown);font-size:.95rem}.pms-members{border-top:1px solid #ffd4b8;border-top:1px solid var(--peach)}.pml{color:#8b6f47;color:var(--brown);gap:.75rem;justify-content:center;padding:2rem}.pml,.pms-mem-row{align-items:center;display:flex}.pms-mem-row{border-bottom:1px solid #fff8f0;border-bottom:1px solid var(--cream);gap:1rem;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.pms-mem-row:last-child{border-bottom:none}.pms-mem-row:hover{background:#ff9b7a08}.pmm-av{align-items:center;background:linear-gradient(135deg,#ff9b7a,#ffd4b8);background:linear-gradient(135deg,var(--coral),var(--peach));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:36px;justify-content:center;width:36px}.pmm-info{flex:1 1}.pmm-info strong{color:#5d4e37;color:var(--dark-brown);display:block;font-size:.88rem}.pmm-date,.pmm-info span{color:#8b6f47;color:var(--brown);font-size:.78rem}.mp-notification-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--sh-md);padding:1.6rem}.mp-notification-header{align-items:center;color:#5d4e37;color:var(--dark-brown);display:flex;font-family:"DM Serif Display",serif;font-size:1.2rem;gap:.6rem;margin-bottom:1.2rem}.mp-notification-list{display:flex;flex-direction:column;gap:.8rem}.mp-notification{align-items:flex-start;background:#fff8f0;background:var(--cream);border-left:4px solid #ff9b7a;border-left:4px solid var(--coral);border-radius:14px;display:flex;gap:.9rem;padding:1rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.mp-notification:hover{box-shadow:0 2px 8px #0000000f;box-shadow:var(--sh-sm);transform:translateX(4px)}.mp-notif-icon{align-items:center;background:#ff9b7a1f;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mp-notif-body{flex:1 1}.mp-notification-title{color:#5d4e37;color:var(--dark-brown);font-size:.9rem;font-weight:700;margin-bottom:.25rem}.mp-notification-msg{color:#8b6f47;color:var(--brown);font-size:.82rem}.mp-notification-time{color:#8b6f47;color:var(--brown);font-size:.72rem;margin-top:.25rem;opacity:.7}.mp-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mp-modal{animation:slideUp .3s cubic-bezier(.34,1.3,.64,1);background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;box-shadow:var(--sh-xl);max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(55px) scale(.95)}to{opacity:1;transform:none}}.mh{border-bottom:2px solid #ffd4b8;border-bottom:2px solid var(--peach);padding:1.75rem 2rem 1.25rem;position:relative}.mh h2{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.5rem;padding-right:2.5rem}.mx{align-items:center;background:#fff8f0;background:var(--cream);border:none;border-radius:50%;color:#8b6f47;color:var(--brown);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1.2rem;top:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr);width:36px}.mx:hover{background:#e74c3c;background:var(--danger);color:#fff;transform:rotate(90deg)}.mp-form{max-width:100%;width:560px}.plan-form{padding:1.75rem 2rem 2rem}.pf-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.fg{display:flex;flex-direction:column;gap:.45rem}.fg-full{grid-column:1/-1}.fg label{color:#5d4e37;color:var(--dark-brown);font-size:.84rem;font-weight:600}.fg input,.fg select{background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:10px;color:#3d2817;color:var(--text);font-family:Quicksand,sans-serif;font-size:.9rem;outline:none;padding:.75rem .95rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.fg input:focus,.fg select:focus{border-color:#ff9b7a;border-color:var(--coral);box-shadow:0 0 0 3px #ff9b7a1a}.pf-actions{border-top:2px solid #ffd4b8;border-top:2px solid var(--peach);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.25rem}.btn-cancel{background:#fff;border:2px solid #ffd4b8;border:2px solid var(--peach);border-radius:50px;color:#8b6f47;color:var(--brown);cursor:pointer;font-family:Quicksand,sans-serif;font-weight:600;padding:.72rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.btn-cancel:hover{border-color:#ff9b7a;border-color:var(--coral);color:#ff9b7a;color:var(--coral)}.btn-submit{align-items:center;background:#ff9b7a;background:var(--coral);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:700;gap:.45rem;padding:.72rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.btn-submit:hover:not(:disabled){background:#5d4e37;background:var(--dark-brown);transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.7}.btn-danger-s{align-items:center;background:#e74c3c;background:var(--danger);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-weight:700;gap:.45rem;padding:.72rem 1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--tr)}.btn-danger-s:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.mp-confirm{max-width:100%;padding:2.5rem 2rem;text-align:center;width:360px}.mp-confirm h2{color:#5d4e37;color:var(--dark-brown);font-family:"DM Serif Display",serif;font-size:1.5rem;margin:.9rem 0 .5rem}.mp-confirm p{color:#8b6f47;color:var(--brown)}.mp-toast{align-items:center;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:14px;bottom:2rem;box-shadow:0 20px 60px #00000026;box-shadow:var(--sh-xl);color:#3d2817;color:var(--text);display:flex;font-size:.92rem;font-weight:600;gap:.9rem;padding:1.1rem 1.6rem;position:fixed;right:2rem;z-index:3000}@keyframes toastIn{0%{opacity:0;transform:translateX(420px) scale(.8)}to{opacity:1;transform:none}}.mp-toast.success{border-left:4px solid #27ae60;border-left:4px solid var(--success)}.mp-toast.error{border-left:4px solid #e74c3c;border-left:4px solid var(--danger)}.mp-toast.info{border-left:4px solid #3498db;border-left:4px solid var(--info)}.t-ic{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.mp-toast.success .t-ic{background:#27ae60;background:var(--success)}.mp-toast.error .t-ic{background:#e74c3c;background:var(--danger)}.mp-toast.info .t-ic{background:#3498db;background:var(--info)}@media(max-width:1100px){.profile-layout{grid-template-columns:1fr}.stat-cards{grid-template-columns:1fr 1fr 1fr 1fr}}@media(max-width:968px){.mp-nav{flex-wrap:wrap}.mp-tabs{justify-content:flex-start;order:3;overflow-x:auto;padding-bottom:.25rem;width:100%}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.pf-grid{grid-template-columns:1fr}.stat-cards{grid-template-columns:1fr 1fr}.hist-summary{flex-wrap:wrap}.hs-item{min-width:90px}}@media(max-width:640px){.stat-cards{grid-template-columns:1fr 1fr}.hist-item{flex-wrap:wrap}.hi-dates{gap:.6rem}.plans-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.b720230e.css.map*/