body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.base-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;overflow:hidden}.base-table table{border-collapse:collapse;width:100%}.base-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.base-table thead th{font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.base-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.base-table tbody tr:hover{background-color:#f9fafb}.base-table tbody td{color:#374151;padding:1rem}.base-table .loading{color:#667eea;font-size:1.125rem;padding:3rem;text-align:center}.base-table .actions{display:flex;gap:.5rem}.base-table .actions button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.base-table .actions button:first-child{background:#3b82f6;color:#fff}.base-table .actions button:first-child:hover{background:#2563eb;box-shadow:0 4px 6px #3b82f64d;transform:translateY(-1px)}.base-table .actions button:last-child{background:#ef4444;color:#fff}.base-table .actions button:last-child:hover{background:#dc2626;box-shadow:0 4px 6px #ef44444d;transform:translateY(-1px)}.base-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem auto;max-width:600px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group .required{color:#ef4444;margin-left:.25rem}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.form-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-actions button[type=submit]:hover:not(:disabled){box-shadow:0 6px 12px #667eea4d;transform:translateY(-2px)}.form-actions button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.form-actions button[type=button]{background:#e5e7eb;color:#374151}.form-actions button[type=button]:hover:not(:disabled){background:#d1d5db}.status{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status.active{background:#d1fae5;color:#065f46}.status.inactive{background:#fee2e2;color:#991b1b}.pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1.5rem}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:.5rem}.pagination-controls button{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.pagination-controls button:hover:not(:disabled){background:#f5f7ff;border-color:#667eea;color:#667eea}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.pagination-controls button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.pagination-size select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.user-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:2rem}.user-list h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:2rem}.user-list .pagination-controls{justify-content:center;margin-top:1rem}.user-list .pagination-controls button,.user-list .pagination-controls span{margin:0 .25rem}.user-list .pagination-controls span{color:#667eea;font-weight:600;padding:.5rem 1rem}.user-form h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}@media (max-width:768px){.App-header h1{font-size:1.75rem}.App-main{padding:0 1rem 1rem}.user-list{padding:1rem}.base-form{padding:1.5rem}.base-table{overflow-x:auto}.pagination{text-align:center}.form-actions,.pagination{flex-direction:column}.form-actions button{width:100%}}.h-full{height:100%}.w-full{width:100%}.h-12{height:48px}.w-12{width:48px}.relative{position:relative}.absolute{position:absolute}.inset-0{bottom:0;left:0;right:0;top:0}.pointer-events-none{pointer-events:none}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1 1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.pb-6{padding-bottom:24px}.rounded{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:8px}.overflow-hidden{overflow:hidden}.border{border:1px solid #e5e7eb}.border-b-2{border-bottom:2px solid}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #00000040}.cursor-pointer{cursor:pointer}.p-4{padding:16px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-bottom:4px;padding-top:4px}.py-2{padding-bottom:8px;padding-top:8px}.py-3{padding-bottom:12px;padding-top:12px}.py-12{padding-bottom:48px;padding-top:48px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-3xl{font-size:30px;line-height:36px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-slate-200{--tw-gradient-stops:#e2e8f0}.to-slate-300{--tw-gradient-stops:#e2e8f0,#cbd5e1}.from-blue-400{--tw-gradient-stops:#60a5fa}.to-blue-600{--tw-gradient-stops:#60a5fa,#2563eb}.bg-black\/80{background-color:#000c}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-green-500\/20{background-color:#22c55e33}.bg-purple-500\/20{background-color:#a855f733}.hover\:bg-blue-600:hover{background-color:#2563eb}.hover\:bg-red-600:hover{background-color:#dc2626}.bg-primary{background-color:#3b82f6}.hover\:bg-primary\/90:hover{background-color:#3b82f6e6}.bg-background{background-color:#fff}.text-green-300{color:#86efac}.text-purple-300{color:#d8b4fe}.border-primary{border-color:#3b82f6}.focus\:ring-2:focus{--ring-shadow:inset 0 0 0 2px #3b82f6;box-shadow:var(--ring-shadow);outline:2px solid #0000;outline-offset:2px}.focus\:ring-primary:focus{--ring-color:#3b82f6}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.object-cover{object-fit:cover}.aspect-3\/4{aspect-ratio:3/4}:root{--primary-color:#16a085;--primary-hover:#16a085;--dark-bg:#0a0e27;--darker-bg:#050812}.login-container{-ms-interpolation-mode:bicubic;align-items:center;background:linear-gradient(135deg,#00000080,#000000a6),url(/static/media/book-beach.14f4e69c3aac8c69ce01.jpg) 50%/cover no-repeat;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;image-rendering:auto;image-rendering:high-quality;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{content:"";height:4px;left:0;position:absolute;top:0;width:100%}.login-content{align-items:center;display:flex;gap:80px;max-width:1100px;width:100%}.welcome-section{color:#fff;flex:1 1}.logo-icon{color:#16a085;color:var(--primary-color);font-size:48px;margin-bottom:30px}.welcome-heading{color:#fff;font-family:Playwright US Trad Guides,cursive;font-size:46px;font-weight:700;letter-spacing:2px;margin:0 0 20px;text-shadow:#050812 2px 2px 4px,#16a0854d 0 0 20px}.welcome-description{font-size:14px;line-height:1.6;margin-bottom:40px;max-width:400px}.login-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #16a085;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a,0 0 40px #16a0854d;padding:60px 50px;position:relative;width:400px;z-index:10}.login-title{color:#0a0e27;color:var(--dark-bg);font-size:24px;font-weight:700;letter-spacing:3px;margin-bottom:40px;text-align:center;text-shadow:none}.login-form .ant-form-item{margin-bottom:24px}.login-input.ant-input,.login-input.ant-input-password{background:#fffffff2!important;border:2px solid #00000026!important;border-radius:8px!important;color:#000;font-size:15px;padding:12px 16px;transition:all .3s!important}.login-input.ant-input-password input::placeholder,.login-input.ant-input::placeholder{color:#0006}.login-input.ant-input-password-focused,.login-input.ant-input-password:focus,.login-input.ant-input:focus{background:#fff!important;border:2px solid #16a085!important;box-shadow:0 0 0 4px #16a0851a!important;outline:none!important}.login-input.ant-input-password{background:#fffffff2!important;border:2px solid #00000026!important}.login-input.ant-input-password input{background:#0000!important;color:#000;padding:0!important}.login-input.ant-input-password .ant-input-suffix{color:#646464cc}.login-button.ant-btn-primary{background:#16a085;background:var(--primary-color);border:2px solid #16a085;border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 15px #16a0854d;color:#fff;font-size:14px;font-weight:600;height:48px;letter-spacing:2px;margin-top:20px;transition:all .3s}.login-button.ant-btn-primary:hover{background:#16a085;background:var(--primary-hover);border-color:#16a085;border-color:var(--primary-hover);box-shadow:0 6px 20px #16a08566;color:#fff;transform:translateY(-2px)}@media (max-width:968px){.login-content{flex-direction:column;gap:40px}.welcome-section{text-align:center}.welcome-heading{font-size:48px}.welcome-description{margin:0 auto 40px}.login-box{max-width:400px;width:100%}}.welcome-banner{background:linear-gradient(135deg,#1d9a6c,#16957d 50%,#138d84);border:3px solid #0d7a5a;border-left:20px solid #0d6d51;border-radius:12px;box-shadow:0 10px 40px #f9f7f78f,inset 0 0 60px #0000001a;margin-bottom:32px;overflow:hidden;padding:40px 60px;position:relative}.leather-texture{background:repeating-linear-gradient(45deg,#0000,#0000 2px,#29282808 0,#00000008 4px),repeating-linear-gradient(-45deg,#0000,#0000 2px,#29282808 0,#00000008 4px);opacity:.6;width:100%}.book-spine-shadow,.leather-texture{height:100%;left:0;position:absolute;top:0}.book-spine-shadow{background:linear-gradient(90deg,#1e1e1e66,#0000);width:20px;z-index:1}.book-pattern{background-image:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 50%,#ffffff1a 0,#0000 50%);height:100%;opacity:.3;position:absolute;right:0;top:0;width:100%}.banner-content{gap:30px;position:relative;z-index:2}.banner-content,.book-icon{align-items:center;display:flex}.book-icon{background:#ffffff40;border:2px solid #fff6;border-radius:8px;box-shadow:0 4px 15px #28282866,inset 0 2px 4px #ffffff4d;height:80px;justify-content:center;width:80px}.banner-text{flex:1 1!important;max-width:calc(100% - 110px)!important;padding:0 12px!important;width:100%!important}.banner-title{word-wrap:break-word!important;color:#fff!important;font-size:clamp(20px,4vw,48px)!important;font-weight:700!important;line-height:1.2!important;margin-bottom:4px!important;overflow-wrap:break-word!important;text-shadow:2px 2px 4px #0000004d,0 0 20px #7ed9574d!important;white-space:normal!important;word-break:keep-all!important}.banner-subtitle,.banner-title{font-family:Georgia,serif!important}.banner-subtitle{color:#fffffff2!important;font-size:clamp(14px,2.5vw,16px)!important;font-weight:500!important;line-height:1.4!important;margin:0!important;text-shadow:1px 1px 2px #0000004d!important}@media (max-width:1024px){.banner-text{max-width:calc(100% - 90px)!important;padding:0 10px!important}.banner-title{font-size:clamp(18px,3.5vw,36px)!important;margin-bottom:3px!important}.banner-subtitle{font-size:clamp(13px,2.2vw,15px)!important}}@media (max-width:768px){.banner-text{max-width:calc(100% - 70px)!important;padding:0 8px!important}.banner-title{font-size:clamp(16px,5vw,28px)!important;margin-bottom:2px;text-shadow:1px 1px 3px #0006!important}.banner-subtitle{font-size:clamp(12px,3vw,14px)!important}}@media (max-width:480px){.banner-text{max-width:calc(100% - 50px)!important;padding:0 6px!important}.banner-title{font-size:clamp(14px,5.5vw,24px)!important;margin-bottom:2px}.banner-subtitle{font-size:clamp(11px,3.5vw,13px)}}.guest-container{margin-top:50px;text-align:center}.guest-title{color:#001529}.guest-warning{color:red;font-size:16px;margin-top:20px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1f25;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;line-height:1.6}.ant-layout-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#16a085,#0b7b63)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 16px #16a08514;box-shadow:var(--shadow-md);display:flex;height:64px!important;padding:0 32px!important;position:-webkit-sticky;position:sticky;top:0;z-index:999}.ant-layout-header h2{color:#fff!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em;margin:0!important;text-shadow:0 2px 8px #0000001a}.trigger{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:8px;border-radius:var(--border-radius-sm);color:#fffffff2;cursor:pointer;display:inline-flex;font-size:20px;justify-content:center;padding:10px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.trigger:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.trigger:active{transform:scale(.95)}.ant-layout-sider{background:#fff!important;border-right:1px solid #e8ecf1;border-right:1px solid var(--gray-200);box-shadow:2px 0 16px #0000000a!important;overflow:hidden}.ant-layout-sider-collapsed{box-shadow:2px 0 12px #0000000f!important}.ant-menu{background:#0000!important;border-right:none!important;padding:12px 8px}.ant-menu-item,.ant-menu-submenu-title{border-radius:8px!important;border-radius:var(--border-radius-sm)!important;color:#637381!important;color:var(--text-secondary)!important;font-weight:500;height:44px!important;line-height:44px!important;margin:4px 0!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.ant-menu-item:hover,.ant-menu-submenu-title:hover{background:linear-gradient(90deg,#16a08514,#16a0850a)!important;color:#16a085!important;color:var(--primary)!important;transform:translateX(2px)}.ant-menu-item-selected{background:linear-gradient(90deg,#16a0851f,#16a0850f)!important;border-right:none!important;font-weight:600;position:relative}.ant-menu-item-selected:before{background:linear-gradient(180deg,#1abc9c,#16a085);background:linear-gradient(180deg,var(--primary-light) 0,var(--primary) 100%);border-radius:0 4px 4px 0;box-shadow:0 0 12px #16a08526;box-shadow:0 0 12px var(--primary-glow);content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.ant-menu-item-selected .anticon,.ant-menu-item-selected a,.ant-menu-submenu-selected>.ant-menu-submenu-title{color:#16a085!important;color:var(--primary)!important}.ant-menu-sub{background:#fafbfc!important;background:var(--gray-50)!important;border-radius:8px;border-radius:var(--border-radius-sm);margin:4px 0;padding:4px 0!important}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{font-size:18px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.ant-menu-item:hover .anticon,.ant-menu-submenu-title:hover .anticon{transform:scale(1.1)}.ant-layout-content{background:#f5f7fa!important;background:var(--gray-100)!important;min-height:calc(100vh - 64px);padding:32px!important}.base-data-table{background:#fff;border:1px solid #e8ecf1;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #16a0850f;box-shadow:var(--shadow-sm);padding:32px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.base-data-table:hover{border-color:#dfe3e8;border-color:var(--gray-300);box-shadow:0 4px 16px #16a08514;box-shadow:var(--shadow-md)}.base-data-table .table-header{margin-bottom:24px}.base-data-table .table-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#16a085,#0b7b63);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:#1a1f25;color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px!important}.ant-btn{border:1px solid #0000;border-radius:8px;border-radius:var(--border-radius-sm);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);font-size:14px;font-weight:500;height:40px;padding:0 20px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.ant-btn-primary{background:linear-gradient(135deg,#16a085,#0b7b63)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border:none!important;box-shadow:0 4px 12px #16a08540!important;overflow:hidden;position:relative}.ant-btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ant-btn-primary:hover:before{left:100%}.ant-btn-primary:hover{box-shadow:0 6px 20px #16a08559!important;transform:translateY(-2px)!important}.ant-btn-primary:active{box-shadow:0 2px 8px #16a08533!important;transform:translateY(0)!important}.ant-btn-default{background:#fff;border-color:#dfe3e8;border-color:var(--gray-300);color:#637381;color:var(--text-secondary)}.ant-btn-default:hover{background:#fafbfc;background:var(--gray-50);border-color:#16a085;border-color:var(--primary);color:#16a085;color:var(--primary)}.ant-btn-link{font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ant-btn-link:hover{transform:translateX(2px)}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{background:#fafbfc!important;background:var(--gray-50)!important;border:1.5px solid #dfe3e8!important;border:1.5px solid var(--gray-300)!important;border-radius:8px!important;border-radius:var(--border-radius-sm)!important;height:40px;line-height:38px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.ant-input-number:hover,.ant-input:hover,.ant-picker:hover,.ant-select:hover .ant-select-selector{background:#fff!important;border-color:#1abc9c!important;border-color:var(--primary-light)!important}.ant-input-focused,.ant-input-number:focus,.ant-input:focus,.ant-picker-focused,.ant-select-focused .ant-select-selector{background:#fff!important;border-color:#16a085!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px #16a08526!important;box-shadow:0 0 0 3px var(--primary-glow)!important}.ant-input-search-button{background:linear-gradient(135deg,#16a085,#0b7b63)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border:none!important;border-radius:0 8px 8px 0!important;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0!important;box-shadow:0 2px 8px #16a08533!important;color:#dfdddd;height:32px!important;min-width:40px!important;padding:0 16px!important}.ant-input-search-button:hover{box-shadow:0 4px 12px #16a0854d!important;transform:none!important}.ant-input-search .ant-input-affix-wrapper{border-radius:8px 0 0 8px!important;border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)!important;border-right:none!important}.ant-input-search .ant-input-affix-wrapper .ant-input{background:#0000!important;border:none!important;height:auto!important;line-height:normal!important}.ant-input-search .ant-input-affix-wrapper-focused,.ant-input-search .ant-input-affix-wrapper:focus,.ant-input-search .ant-input-affix-wrapper:hover{border-color:#16a085!important;border-color:var(--primary)!important;box-shadow:none!important}.ant-table,.ant-table-wrapper{border-radius:12px;border-radius:var(--border-radius-md);overflow:hidden}.ant-table-thead>tr>th{background:linear-gradient(180deg,#fafbfc,#f5f7fa)!important;background:linear-gradient(180deg,var(--gray-50) 0,var(--gray-100) 100%)!important;border-bottom:2px solid #16a085!important;border-bottom:2px solid var(--primary)!important;color:#1a1f25!important;color:var(--text-primary)!important;font-size:13px;font-weight:700;letter-spacing:.05em;padding:16px!important;position:relative;text-transform:uppercase}.ant-table-thead>tr>th:after{background:linear-gradient(90deg,#1abc9c,#16a085 50%,#0b7b63);background:linear-gradient(90deg,var(--primary-light) 0,var(--primary) 50%,var(--primary-dark) 100%);bottom:-2px;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.ant-table-thead>tr>th:hover:after{opacity:1}.ant-table-tbody>tr{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,#16a0850a,#16a08505)!important;cursor:pointer}.ant-table-tbody>tr>td{border-bottom:1px solid #e8ecf1;border-bottom:1px solid var(--gray-200);color:#637381;color:var(--text-secondary);font-size:14px;padding:16px!important}.ant-table-cell{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ant-pagination{margin-top:24px!important}.ant-pagination-item{border:1.5px solid #dfe3e8;border:1.5px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius-sm);font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.ant-pagination-item:hover{border-color:#16a085;border-color:var(--primary);box-shadow:0 4px 8px #16a08526;transform:translateY(-2px)}.ant-pagination-item:hover a{color:#16a085!important;color:var(--primary)!important}.ant-pagination-item-active{background:linear-gradient(135deg,#16a085,#0b7b63)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border-color:#16a085!important;border-color:var(--primary)!important;box-shadow:0 4px 12px #16a08540;transform:translateY(-2px)}.ant-pagination-item-active a{color:#fff!important;font-weight:600}.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{border-color:#16a085;border-color:var(--primary);color:#16a085;color:var(--primary)}.ant-tag{border:none;border-radius:6px;box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);font-size:12px;font-weight:600;padding:4px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ant-tag:hover{box-shadow:0 2px 8px #16a0850f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.ant-modal{max-width:90vw!important;width:900px!important}.ant-modal-content{border:1px solid #e8ecf1;border:1px solid var(--gray-200);border-radius:16px!important;box-shadow:0 16px 48px #16a08529;box-shadow:var(--shadow-xl);overflow:hidden}.ant-modal-header{background:linear-gradient(135deg,#fafbfc,#fff);background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%);border-bottom:2px solid #16a085;border-bottom:2px solid var(--primary);padding:20px 32px!important}.ant-modal-title{font-size:22px!important;font-weight:700;letter-spacing:-.02em}.ant-modal-body{max-height:65vh!important;overflow-y:auto!important;padding:28px 32px!important}.ant-modal-body .ant-form{grid-column-gap:24px;grid-row-gap:18px;column-gap:24px;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));row-gap:18px}.ant-modal-footer{background:#fafbfc;background:var(--gray-50);border-top:1px solid #e8ecf1;border-top:1px solid var(--gray-200);padding:20px 32px}.ant-form-item-label>label{color:#1a1f25;color:var(--text-primary);font-size:14px;font-weight:600}.ant-form-item{margin-bottom:24px}.ant-popover-inner{border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 8px 32px #16a0851f;box-shadow:var(--shadow-lg)}.ant-switch-checked{background:#16a085!important;background:var(--primary)!important}.ant-select-dropdown{border:1px solid #e8ecf1;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-md);box-shadow:0 8px 32px #16a0851f;box-shadow:var(--shadow-lg);padding:8px}.ant-select-item{border-radius:8px;border-radius:var(--border-radius-sm);margin:2px 0;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.ant-select-item-option-selected{background:#16a08526!important;background:var(--primary-glow)!important;color:#16a085!important;color:var(--primary)!important;font-weight:600}.ant-select-item-option-active{background:#f5f7fa!important;background:var(--gray-100)!important}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f7fa;background:var(--gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c7cd;background:var(--gray-400);border-radius:4px;-webkit-transition:background .25s cubic-bezier(.4,0,.2,1);transition:background .25s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#16a085;background:var(--primary)}.ant-spin-dot-item{background-color:#16a085!important;background-color:var(--primary)!important}@media (max-width:480px){.ant-layout-header{align-items:center;display:flex;height:52px!important;justify-content:space-between;padding:0 12px!important}.ant-layout-header h2{font-size:12px!important;font-weight:600;margin:0!important}.trigger{font-size:16px!important;padding:6px}.ant-layout{min-height:100vh}.ant-layout-sider{height:calc(100vh - 52px);left:0;max-width:70vw!important;position:fixed;top:52px;z-index:100}.ant-layout-sider-collapsed{max-width:0!important;padding:0!important}.ant-layout-content{margin-left:0;min-height:calc(100vh - 52px);padding:8px!important}.base-data-table{border-radius:8px;box-shadow:0 1px 3px #0000000f;margin:0;padding:12px}.base-data-table .table-header{align-items:flex-start!important;flex-direction:column!important;gap:8px;margin-bottom:12px}.base-data-table .table-header h2{font-size:16px!important;margin:0}.base-data-table .table-header .ant-input-search{margin-top:8px;width:100%!important}.ant-btn{border-radius:6px;height:36px;min-width:36px;padding:0 12px}.ant-btn,.ant-table{font-size:12px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:11px;padding:8px 6px!important}.ant-table-thead>tr>th{font-size:10px;text-transform:uppercase}.ant-modal-body .ant-form{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:1fr!important}.ant-modal{margin:0 auto!important;max-width:none!important;width:95vw!important}.ant-modal-body,.ant-modal-footer,.ant-modal-header{padding:12px!important}.ant-modal-title{font-size:16px!important}.ant-input,.ant-input-number,.ant-picker,.ant-select-selector{font-size:14px;height:36px!important}.ant-pagination{font-size:12px}.ant-pagination-item{font-size:12px;height:28px;line-height:28px;width:28px}.ant-menu-item,.ant-menu-submenu-title{height:40px!important;line-height:40px!important;margin:2px 0!important}}@media (min-width:481px) and (max-width:600px){.ant-layout-header{height:54px!important;padding:0 14px!important}.ant-layout-header h2{font-size:14px!important}.ant-layout-content{padding:12px!important}.base-data-table{border-radius:10px;padding:14px}.base-data-table .table-header h2{font-size:18px!important}.ant-btn{font-size:13px;height:36px;padding:0 14px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:12px;padding:10px 8px!important}.ant-modal{width:90vw!important}.ant-modal-body,.ant-modal-footer,.ant-modal-header{padding:14px!important}}@media (min-width:601px) and (max-width:768px){.ant-layout-header{height:56px!important;padding:0 16px!important}.ant-layout-header h2{font-size:16px!important}.ant-layout-content{padding:16px!important}.base-data-table{border-radius:12px;padding:16px}.base-data-table .table-header{align-items:center!important;flex-direction:row!important;gap:12px;justify-content:space-between!important}.base-data-table .table-header h2{font-size:22px!important;margin:0}.base-data-table .table-header .ant-input-search{width:240px!important}.ant-btn{font-size:13px;height:36px;padding:0 16px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:13px;padding:12px!important}.ant-modal{width:85vw!important}.ant-modal-body .ant-form{gap:16px!important;grid-template-columns:repeat(2,1fr)!important}.ant-modal-body,.ant-modal-footer,.ant-modal-header{padding:16px!important}}@media (min-width:769px) and (max-width:900px){.ant-layout-header{height:60px!important;padding:0 20px!important}.ant-layout-header h2{font-size:18px!important}.ant-layout-content{padding:20px!important}.base-data-table{border-radius:12px;padding:20px}.base-data-table .table-header h2{font-size:24px!important}.base-data-table .table-header .ant-input-search{width:280px!important}.ant-btn{font-size:14px;height:38px;padding:0 16px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:13px;padding:14px!important}.ant-modal{width:80vw!important}.ant-modal-body .ant-form{gap:18px!important;grid-template-columns:repeat(2,1fr)!important}}@media (min-width:901px) and (max-width:1200px){.ant-layout-header{height:64px!important;padding:0 24px!important}.ant-layout-header h2{font-size:20px!important}.ant-layout-content{padding:24px!important}.base-data-table{border-radius:14px;padding:24px}.base-data-table .table-header h2{font-size:26px!important}.base-data-table .table-header .ant-input-search{width:300px!important}.ant-btn{font-size:14px;height:40px;padding:0 20px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:14px;padding:15px!important}.ant-modal{width:75vw!important}.ant-modal-body .ant-form{gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}}@media (min-width:1201px) and (max-width:1400px){.ant-layout-header{height:64px!important;padding:0 28px!important}.ant-layout-content{padding:28px!important}.base-data-table{border-radius:16px;padding:28px}.base-data-table .table-header h2{font-size:28px!important}.base-data-table .table-header .ant-input-search{width:320px!important}.ant-btn{font-size:14px;height:40px;padding:0 22px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:14px;padding:16px!important}.ant-modal{width:70vw!important}.ant-modal-body .ant-form{gap:24px!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}}@media (min-width:1401px){.ant-layout-header{height:64px!important;padding:0 32px!important}.ant-layout-content{padding:32px!important}.base-data-table{border-radius:16px;padding:32px}.base-data-table .table-header h2{font-size:32px!important}.base-data-table .table-header .ant-input-search{width:350px!important}.ant-btn{font-size:14px;height:40px;padding:0 24px}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-size:14px;padding:16px!important}.ant-modal{max-width:90vw!important;width:900px!important}.ant-modal-body .ant-form{gap:24px!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}}@media (orientation:landscape) and (max-height:500px){.ant-layout-header{height:48px!important}.ant-layout-header h2{font-size:12px!important}.ant-layout-content{min-height:auto;padding:8px!important}.base-data-table{padding:8px}}@media (hover:none) and (pointer:coarse){.ant-btn{min-height:44px!important;min-width:44px!important}.ant-menu-item,.ant-menu-submenu-title{height:44px!important;line-height:44px!important}.ant-btn,.ant-input,.ant-picker,.ant-select-selector,input,select,textarea{font-size:16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.ant-btn,.ant-table-tbody>tr>td,.ant-table-thead>tr>th,.base-data-table{border-width:.5px}}@media (max-width:768px){html{scroll-behavior:smooth}.ant-layout-sider::-webkit-scrollbar{width:4px}.ant-layout-sider::-webkit-scrollbar-track{background:#0000}.ant-layout-sider::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}}@media (min-width:375px){.base-data-table .table-header h2{font-size:clamp(16px,5vw,32px)}.ant-layout-header h2{font-size:clamp(12px,3vw,20px)}.ant-table-thead>tr>th{font-size:clamp(10px,2vw,14px)}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:769px){.mobile-only{display:none}.desktop-only{display:block}}.touch-friendly{border-radius:8px;min-height:44px;min-width:44px;padding:12px}.container-responsive{margin:0 auto;max-width:1400px;padding:0 clamp(8px,2vw,32px);width:100%}@media (max-width:480px){.ant-layout-sider{background:#fff!important;height:calc(100vh - 52px);left:0;position:fixed;top:52px;transition:transform .3s ease;z-index:2000}.ant-layout-sider-collapsed{transform:translateX(-100%)}}.pdf-flipbook-wrapper{background:#f5f5f5;padding:20px;position:relative}.pdf-flipbook-wrapper,.pdf-loading-overlay{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:16px}.pdf-loading-overlay{background:#f5f5f5f2;bottom:0;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.pdf-loading-progress{color:#666;font-size:14px}.flipbook-container{background:#000;overflow:hidden;position:relative}.flipbook-container.fullscreen{height:100vh;width:100vw}.btn-fullscreen{position:absolute;right:10px;top:10px;z-index:10}.btn-next,.btn-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.btn-prev{left:-60px}.btn-next{right:-60px}.flipbook-container.fullscreen .btn-prev{left:20px}.flipbook-container.fullscreen .btn-next{right:20px}.page{align-items:center;background:#fff;display:flex;justify-content:center;overflow:hidden}.page canvas{height:100%;width:100%}.flipbook-container:fullscreen{align-items:center;background:#1e1e1e;display:flex;justify-content:center;padding:20px}.flipbook-container:-webkit-full-screen .flip-book,.flipbook-container:fullscreen .flip-book{max-height:90vh;max-width:90vw}.flip-book{margin:0 auto}.page-navigation{align-items:center;display:flex;gap:8px}.page-input{width:60px}:root{--primary:#16a085;--primary-light:#1abc9c;--primary-dark:#0b7b63;--primary-hover:#148f7a;--primary-glow:#16a08526;--gray-50:#fafbfc;--gray-100:#f5f7fa;--gray-200:#e8ecf1;--gray-300:#dfe3e8;--gray-400:#c1c7cd;--gray-500:#8c9196;--gray-600:#637381;--gray-700:#454f5b;--gray-800:#2c3e50;--gray-900:#1a1f25;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #16a0850f;--shadow-md:0 4px 16px #16a08514;--shadow-lg:0 8px 32px #16a0851f;--shadow-xl:0 16px 48px #16a08529;--text-primary:#1a1f25;--text-secondary:#637381;--text-tertiary:#8c9196;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.35s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}.client-app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1f25;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;line-height:1.6}.client-app .ant-layout-header{align-items:center;background:linear-gradient(135deg,#16a085,#0b7b63)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 16px #16a08514;box-shadow:var(--shadow-md);display:flex;height:64px!important;padding:0 24px!important;position:-webkit-sticky;position:sticky;top:0;z-index:999}.client-app .ant-layout-header h2{color:#fff!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em;margin:0!important;text-shadow:0 2px 8px #0000001a}.client-app .login-button:hover{background:#ffffff4d!important;border-color:#fff6!important;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.client-app .trigger{align-items:center;background:#ffffff14;border-radius:8px;border-radius:var(--border-radius-sm);color:#fffffff2;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:18px;justify-content:center;margin-right:8px;padding:8px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.client-app .trigger:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.client-app .ant-layout-sider{background:#fff!important;border-right:1px solid #e8ecf1;border-right:1px solid var(--gray-200);box-shadow:2px 0 16px #0000000a!important;overflow:hidden}.client-app .ant-menu{background:#0000!important;border-right:none!important;padding:12px 8px}.client-app .ant-menu-item{border-radius:8px!important;border-radius:var(--border-radius-sm)!important;color:#637381!important;color:var(--text-secondary)!important;font-weight:500;height:44px!important;line-height:44px!important;margin:4px 0!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:all var(--transition-base)!important}.client-app .ant-menu-item:hover{background:linear-gradient(90deg,#16a08514,#16a0850a)!important;color:#16a085!important;color:var(--primary)!important;transform:translateX(2px)}.client-app .ant-menu-item-selected{background:linear-gradient(90deg,#16a0851f,#16a0850f)!important;color:#16a085!important;color:var(--primary)!important;font-weight:600;position:relative}.client-app .ant-menu-item-selected:before{background:linear-gradient(180deg,#1abc9c,#16a085);background:linear-gradient(180deg,var(--primary-light) 0,var(--primary) 100%);border-radius:0 4px 4px 0;box-shadow:0 0 12px #16a08526;box-shadow:0 0 12px var(--primary-glow);content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.client-app .ant-layout-content{background:#f5f7fa!important;background:var(--gray-100)!important;min-height:calc(100vh - 64px);overflow-y:auto;padding:32px!important}.client-app .book-grid-container{background:#fff;border:1px solid #e8ecf1;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #16a0850f;box-shadow:var(--shadow-sm);padding:32px}.client-app .book-card{background:#fff;border:1px solid #e8ecf1;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.client-app .book-card:hover{border-color:#1abc9c;border-color:var(--primary-light);box-shadow:0 8px 32px #16a0851f;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.client-app .book-cover-wrapper{background:#e8ecf1;background:var(--gray-200);height:240px;overflow:hidden;position:relative}.client-app .book-cover{height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow);width:100%}.client-app .book-card:hover .book-cover{transform:scale(1.08)}.client-app .book-status-tag{border:none;box-shadow:0 2px 8px #16a0850f;box-shadow:var(--shadow-sm);font-weight:600;position:absolute;right:12px;top:12px}.client-app .book-info{display:flex;flex-direction:column;flex-grow:1;padding:16px}.client-app .book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a1f25;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:700;margin-bottom:4px;overflow:hidden}.client-app .book-author{color:#637381;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.client-app .hero-section{background:radial-gradient(circle at top right,#1abc9c1a,#0000 40%),radial-gradient(circle at bottom left,#16a0850d,#0000 40%),#fff;border:1px solid #fff9;border-radius:20px;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #16a0851f;box-shadow:var(--shadow-lg);margin-bottom:40px;overflow:hidden;position:relative}.client-app .hero-content-wrapper{align-items:center;display:flex;justify-content:space-between;min-height:400px;padding:10px}.client-app .hero-arrow-btn{align-items:center;background:#fff9;border:1px solid #e8ecf1;border:1px solid var(--gray-200);border-radius:50%;color:#16a085;color:var(--primary);cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;margin:0 10px;transition:all .3s ease;width:48px;z-index:10}.client-app .hero-arrow-btn:hover{background:#16a085;background:var(--primary);border-color:#16a085;border-color:var(--primary);box-shadow:0 4px 12px #16a0854d;color:#fff;transform:scale(1.1)}.client-app .hero-main{align-items:center;animation:fadeIn .6s cubic-bezier(.22,1,.36,1);display:flex;flex:1 1;gap:48px;justify-content:center;padding:32px}.client-app .hero-image-col{flex:0 0 240px;perspective:1000px}.client-app .hero-image{border:4px solid #fff;border-radius:12px;border-radius:var(--border-radius-md);box-shadow:-10px 20px 40px #0003;cursor:pointer;transform:rotateY(-10deg) rotateX(2deg);transition:transform .4s ease;width:100%}.client-app .hero-image:hover{box-shadow:0 20px 50px #16a08540;transform:rotateY(0) scale(1.02)}.client-app .hero-info-col{flex:1 1;max-width:500px;text-align:left}.client-app .hero-badge{align-items:center;background:#16a0851a;border-radius:20px;color:#0b7b63;color:var(--primary-dark);display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:16px;padding:6px 12px;text-transform:uppercase}.client-app .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1f25,#637381);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-600) 100%);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800;line-height:1.2;margin-bottom:8px}.client-app .hero-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#637381;color:var(--text-secondary);display:-webkit-box;font-size:16px;margin:16px 0 24px;overflow:hidden}.client-app .ant-input-search-button{color:#fff!important}.client-app .ant-btn-primary,.client-app .ant-input-search-button{background:linear-gradient(135deg,#16a085,#0b7b63)!important;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)!important;border:none!important}.client-app .ant-btn-primary{box-shadow:0 4px 12px #16a08540!important}.client-app .ant-tag{border:none;border-radius:6px;padding:2px 10px}.client-app .desktop-only{display:block}.client-app .mobile-only{display:none}@media (max-width:900px){.client-app .hero-main{flex-direction:column;gap:24px;padding:24px 0;text-align:center}.client-app .hero-image-col{flex:0 0 auto;width:160px}.client-app .hero-image{transform:none}.client-app .hero-info-col{padding:0 16px;text-align:center}.client-app .hero-title{font-size:24px}.client-app .hero-content-wrapper{position:relative}.client-app .hero-arrow-btn{position:absolute;top:50%;transform:translateY(-50%)}.client-app .hero-arrow-btn.prev{left:0}.client-app .hero-arrow-btn.next{right:0}}@media (max-width:768px){.client-app .ant-layout-header{padding:0 16px!important}.client-app .book-grid-container{padding:16px}.client-app .book-cover-wrapper{height:180px}.client-app .desktop-only{display:none!important}.client-app .mobile-only{display:block!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.book-card-modern{aspect-ratio:3/4;background:#f8f9fa;border-radius:10px;box-shadow:0 2px 6px -1px #0000001a,0 1px 3px -1px #0000000f;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;width:100%}.book-card-modern:hover{box-shadow:0 12px 20px -4px #0000001f,0 4px 8px -4px #00000014;transform:translateY(-4px)}.book-card-cover{height:100%;overflow:hidden;position:relative;width:100%}.book-card-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.book-card-gradient{background:linear-gradient(0deg,#000000bf 0,#00000080 30%,#0003 60%,#0000);bottom:0;height:60%;left:0;pointer-events:none;position:absolute;right:0}.book-card-status{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:12px;box-shadow:0 2px 6px #00000026;font-size:10px;font-weight:600;letter-spacing:.2px;margin:0;padding:3px 8px;position:absolute;right:8px;top:8px}.book-card-content{bottom:0;left:0;padding:12px 10px;position:absolute;right:0;z-index:2}.book-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-family:Georgia,Times New Roman,"Noto Serif",serif;font-size:25px;font-weight:700;line-height:1.25;margin:0 0 4px;text-shadow:0 1px 3px #0006}.book-card-author,.book-card-title{overflow:hidden;text-overflow:ellipsis}.book-card-author{color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:500;margin:0;text-shadow:0 1px 2px #00000040;white-space:nowrap}@media (max-width:768px){.book-card-modern{border-radius:8px;max-width:160px}.book-card-title{font-size:11px}.book-card-author{font-size:9px}.book-card-content{padding:10px 8px}.book-card-status{font-size:9px;padding:2px 6px}}.book-grid-modern{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:12px 0;transform-origin:top left}@media (max-width:900px){.book-grid-modern{gap:4px;grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.book-grid-modern{gap:4px;grid-template-columns:repeat(3,1fr)}}@media (max-width:400px){.book-grid-modern{gap:4px;grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.6887c502.css.map*/