*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif;position:fixed}#app{width:100%;height:100vh;overflow:hidden}.login-container[data-v-f37b3a71]{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#434448;padding:20px}.login-box[data-v-f37b3a71]{background:#fff;padding:50px 40px;border-radius:8px;box-shadow:0 4px 20px #0000004d;width:100%;max-width:400px}h1[data-v-f37b3a71]{text-align:center;margin-bottom:40px;color:#434448;font-size:28px;font-weight:600}.form-group[data-v-f37b3a71]{margin-bottom:25px}label[data-v-f37b3a71]{display:block;margin-bottom:8px;color:#434448;font-weight:600;font-size:14px}input[data-v-f37b3a71]{width:100%;padding:14px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;transition:border-color .3s;background:#fff;color:#434448}input[data-v-f37b3a71]:focus{outline:none;border-color:#2380e0}input[data-v-f37b3a71]::placeholder{color:#999}button[data-v-f37b3a71]{width:100%;padding:14px;background:#2380e0;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s;margin-top:10px;touch-action:manipulation}button[data-v-f37b3a71]:hover:not(:disabled){background:#2380e0;opacity:.9}button[data-v-f37b3a71]:active:not(:disabled){transform:scale(.98);background:#2380e0}button[data-v-f37b3a71]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-f37b3a71]{color:#fc8021;text-align:center;margin-top:15px;font-size:14px;font-weight:500}@media (max-width: 768px){.login-box[data-v-f37b3a71]{padding:40px 30px;max-width:100%}h1[data-v-f37b3a71]{font-size:24px;margin-bottom:30px}input[data-v-f37b3a71]{padding:16px;font-size:16px}button[data-v-f37b3a71]{padding:16px;font-size:17px}}@media (max-width: 480px){.login-container[data-v-f37b3a71]{padding:15px}.login-box[data-v-f37b3a71]{padding:30px 20px}h1[data-v-f37b3a71]{font-size:22px}}.board-container[data-v-40e9a2d5]{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#434448;overflow:hidden}.toolbar[data-v-40e9a2d5]{background:#fff;padding:12px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}.btn[data-v-40e9a2d5]{padding:8px 12px;background:#2380e0;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .3s;touch-action:manipulation;white-space:nowrap;flex-shrink:0}.btn[data-v-40e9a2d5]:hover:not(:disabled){background:#2380e0;opacity:.9}.btn[data-v-40e9a2d5]:active:not(:disabled){transform:scale(.95);background:#2380e0}.btn[data-v-40e9a2d5]:disabled{opacity:.5;cursor:not-allowed;background:#ccc}.btn-logout[data-v-40e9a2d5]{background:#fc8021;margin-left:0;flex-shrink:0}.btn-logout[data-v-40e9a2d5]:hover{background:#fc8021;opacity:.9}.zoom-level[data-v-40e9a2d5]{color:#434448;font-weight:600;min-width:50px;text-align:center;font-size:14px;flex-shrink:0}.logo[data-v-40e9a2d5]{height:32px;margin-left:auto;margin-right:8px;object-fit:contain;flex-shrink:0}.pdf-viewer[data-v-40e9a2d5]{flex:1 1 auto;overflow:hidden;position:relative;background:#2c2e32;display:flex;justify-content:center;align-items:center;touch-action:none;min-height:0}.pdf-content[data-v-40e9a2d5]{position:relative;display:flex;justify-content:center;align-items:center;transform-origin:center center;transition:none;will-change:transform}canvas[data-v-40e9a2d5]{display:block;box-shadow:0 4px 12px #00000080;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:none;max-height:none}.error-message[data-v-40e9a2d5]{color:#fc8021;font-size:18px;text-align:center;background:#434448f2;padding:30px;border-radius:8px;font-weight:500}.loading[data-v-40e9a2d5]{color:#fff;font-size:18px;text-align:center;font-weight:500}.pagination[data-v-40e9a2d5]{background:#fff;padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 -2px 8px #0000001a;flex-shrink:0;flex-basis:auto;min-height:54px}.pagination span[data-v-40e9a2d5]{color:#434448;font-weight:600;font-size:14px;white-space:nowrap}.pagination .btn[data-v-40e9a2d5]{padding:10px 16px;font-size:14px}@media (max-width: 768px){.toolbar[data-v-40e9a2d5]{padding:10px 12px;gap:8px}.btn[data-v-40e9a2d5]{padding:8px 12px;font-size:13px}.zoom-level[data-v-40e9a2d5]{min-width:45px;font-size:13px}.logo[data-v-40e9a2d5]{height:28px;margin-right:6px}.pagination[data-v-40e9a2d5]{padding:12px 15px;gap:15px}.pagination span[data-v-40e9a2d5]{font-size:14px}.error-message[data-v-40e9a2d5]{font-size:16px;padding:20px;margin:20px}.loading[data-v-40e9a2d5]{font-size:16px}}@media (max-width: 480px){.toolbar[data-v-40e9a2d5]{padding:8px 10px;gap:6px}.btn[data-v-40e9a2d5]{padding:7px 10px;font-size:12px}.zoom-level[data-v-40e9a2d5]{min-width:40px;font-size:12px}.logo[data-v-40e9a2d5]{height:24px;margin-right:4px}.pagination[data-v-40e9a2d5]{padding:10px 12px;gap:12px}.pagination span[data-v-40e9a2d5]{font-size:13px}}@media (max-width: 768px) and (orientation: landscape){.toolbar[data-v-40e9a2d5]{padding:6px 10px}.btn[data-v-40e9a2d5]{padding:6px 10px;font-size:12px}.logo[data-v-40e9a2d5]{height:22px}.pagination[data-v-40e9a2d5]{padding:6px 10px}}