:root{--ink: #0f172a;--teal: #0d9488;--tealSoft: #ccfbf1;--gold: #f59e0b;--goldSoft: #fef3c7;--red: #ef4444;--redSoft: #fee2e2;--green: #10b981;--greenSoft: #d1fae5;--bg: #f8fafc;--surface: #ffffff;--line: #e2e8f0;--mut: #64748b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 12px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}div{display:flex;flex-direction:column;position:relative}img{max-width:100%}body{background-color:var(--bg);color:var(--ink);display:flex;flex-direction:column;min-height:100vh;width:100%}#root{flex:1;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit;text-align:left;display:flex;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.98)}button:hover{opacity:.9}.row-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.row-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)!important}a{text-decoration:none;color:inherit}.book-loader{display:flex;align-items:center;justify-content:center;color:var(--teal)}.real-book{width:44px;height:28px;border:3px solid var(--teal);border-radius:4px;position:relative;background-color:var(--surface);perspective:200px}.real-book:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:var(--teal);transform:translate(-50%)}.real-book .page{position:absolute;left:50%;top:2px;bottom:2px;width:calc(50% - 2px);background-color:var(--tealSoft);border:1px solid var(--teal);transform-origin:left center;border-radius:0 2px 2px 0;transform-style:preserve-3d}.book-loader.loading .real-book .page{animation:flipPage 1.5s infinite linear}.real-book .page.p1{animation-delay:0s}.real-book .page.p2{animation-delay:.5s}.real-book .page.p3{animation-delay:1s}@keyframes flipPage{0%{transform:rotateY(0);z-index:10}50%{transform:rotateY(-90deg);z-index:10}to{transform:rotateY(-180deg);z-index:0}}.spinner{width:24px;height:24px;border:3px solid rgba(20,118,111,.3);border-radius:50%;border-top-color:var(--teal);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{margin:auto;padding:20px;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026}dialog::backdrop{background:#00000080}input,textarea,select{outline:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),select,textarea{border:1.5px solid #e2e8f0;border-radius:12px;background-color:#f8fafc;color:#0f172a;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):hover,select:hover,textarea:hover{border-color:#cbd5e1;background-color:#fff}input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):focus,select:focus,textarea:focus{border-color:#14766f;background-color:#fff;box-shadow:0 0 0 3px #14766f26;outline:none}.modern-input-group{display:flex;flex-direction:column;gap:6px;width:100%}.modern-input-label{font-size:13px;font-weight:700;color:#1e293b;letter-spacing:-.1px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.modern-input-container{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:0 14px;height:48px;min-height:48px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #00000008;position:relative}.modern-input-container:hover{border-color:#cbd5e1}.modern-input-container:focus-within{border-color:#14766f!important;box-shadow:0 0 0 3px #14766f26!important}.modern-input-container input,.modern-input-container input:hover,.modern-input-container input:focus,.modern-input-container input:active,.modern-input-container input:focus-visible{flex:1 1 0%!important;min-width:0!important;height:100%!important;border:none!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;outline:none!important;border-radius:0!important;padding:0!important;margin:0!important;font-size:14.5px!important;color:#0f172a!important;font-weight:500!important;line-height:normal!important;width:100%!important}.modern-search-box input,.modern-search-box input:hover,.modern-search-box input:focus,.modern-search-box input:active,.modern-search-box input:focus-visible,input[style*="border: none"],input[style*="border: none"]:hover,input[style*="border: none"]:focus,input[style*="border: none"]:active,input[style*="border:none"],input[style*="border:none"]:hover,input[style*="border:none"]:focus,input[style*="border:none"]:active{border:none!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;outline:none!important}.modern-input-container input::placeholder,.modern-search-box input::placeholder{color:#94a3b8!important;font-weight:400!important}@media (max-width: 520px){.hide-on-mobile{display:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}