:root{color:#213047;font-synthesis:none;background:#f3f5f8;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{flex-direction:column;gap:18px;height:100dvh;margin:0;padding:24px;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}h1{margin:0;font-size:clamp(17px,2.5vw,24px);font-weight:650}p{color:#58677b;margin:6px 0 0;font-size:13px}.tools{flex-shrink:1;gap:6px;min-width:0;max-width:100%;display:flex}.toolbar{flex-wrap:wrap;gap:12px;display:flex}.zoom-level{color:#58677b;align-self:center;min-width:48px;font-size:13px}canvas[data-mode=pan]{cursor:grab}canvas[data-mode=pan]:active{cursor:grabbing}canvas[data-mode=select]{cursor:default}canvas[data-mode=select][data-hover-selected=true]{cursor:grab}canvas[data-mode=select][data-dragging=true]{cursor:grabbing}.palette button{align-items:center;gap:6px;display:inline-flex}.color-swatch{border:1px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #9ba9bb}.tools button{color:#345887;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c6d1e0;border-radius:8px;padding:8px 14px;font-size:14px}.tools button[aria-pressed=true]{color:#fff;background:#345887;border-color:#345887}.tools button:focus-visible{outline-offset:2px;outline:3px solid #6c97ce}canvas[data-mode=erase]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='12' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='13' cy='13' r='12' fill='none' stroke='%23213047'/%3E%3C/svg%3E") 13 13,crosshair}main{background:#fff;border:1px solid #d8dee7;border-radius:12px;flex:1;min-height:0;overflow:hidden}canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#fff;width:100%;height:100%;display:block}footer{color:#58677b;font-size:12px}@media (max-width:560px){body{gap:12px;padding:12px}header{flex-direction:column;align-items:flex-start;gap:10px}}.tools{flex-wrap:wrap}.properties{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.properties label{align-items:center;gap:5px;display:flex}.properties input[type=number]{width:80px}.properties input[type=color]{width:38px;height:30px;padding:2px}.properties button,.text-editor button{color:#213047;cursor:pointer;background:#fff;border:1px solid #b3c5dd;border-radius:6px;padding:8px 12px}main{min-height:150px;position:relative}.text-editor{background:#eef4ff;border:1px solid #2563eb;border-radius:6px;width:300px;max-width:100%;padding:8px;position:absolute;box-shadow:0 4px 18px #21304722}.text-editor textarea{resize:vertical;width:100%;height:100px;font:16px sans-serif}.text-editor div{gap:8px;display:flex}.selection-panel{height:74px;min-height:74px;overflow:auto}.color-field{align-items:center;gap:4px;display:inline-flex}.color-field input[type=text]{width:76px}header>div:first-child{flex-basis:100%}.toolbar{align-content:flex-start;width:100%;min-height:80px}.resource-editor{background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;gap:8px;width:420px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);padding:14px;display:grid;position:absolute;top:8px;right:8px;overflow:auto;box-shadow:0 4px 18px #21304733}.resource-editor label{gap:3px;font-size:13px;display:grid}.resource-editor input,.resource-editor textarea{width:100%;min-width:0;padding:5px}.resource-editor textarea{height:54px}.resource-dimensions,.resource-actions{gap:8px;display:flex}.resource-dimensions label{flex:1;min-width:0}.resource-actions{background:#eff6ff;padding-top:6px;position:sticky;bottom:0}.resource-actions button{cursor:pointer;padding:8px 16px}.metadata-panel{background:#f8fafcf5;border:1px solid #b3c5dd;border-radius:8px;flex-direction:column;gap:8px;width:290px;max-width:calc(100% - 16px);padding:14px;display:flex;position:absolute;top:8px;bottom:8px;right:8px;overflow:auto;box-shadow:0 3px 12px #21304722}.metadata-panel label{gap:4px;font-size:13px;display:grid}.metadata-panel input,.metadata-panel textarea{width:100%;padding:6px}.metadata-panel textarea{resize:vertical;min-height:65px}.metadata-actions,.search-actions,.tag-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.metadata-panel button,.board-search button{color:#213047;cursor:pointer;background:#fff;border:1px solid #b3c5dd;border-radius:6px;padding:6px 10px}.tag-list button[aria-pressed=true]{color:#fff;background:#345887}.board-search{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex;position:relative}.board-search input{max-width:240px;margin-left:8px;padding:8px}.search-results{z-index:10;background:#fff;border:1px solid #b3c5dd;border-radius:8px;width:400px;max-width:calc(100vw - 48px);max-height:50dvh;padding:12px;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 4px 15px #21304733}.search-results ul{padding:0;list-style:none}.search-results li button{text-align:left;overflow-wrap:anywhere;width:100%;margin-top:6px;display:grid}.search-results small{color:#58677b}.resource-links{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.resource-links a{pointer-events:auto;color:#1e40af;touch-action:manipulation;background:#dbeafe;border:1px solid #9cbae0;border-radius:5px;justify-content:center;align-items:center;font:12px sans-serif;text-decoration:underline;display:flex;position:absolute}.external-resource-link{color:#1e40af;background:#fff;border:1px solid #b3c5dd;border-radius:7px;justify-content:center;align-items:center;min-height:40px;padding:8px 12px;display:inline-flex}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{margin:0;padding:0;display:block}.whiteboard-app{isolation:isolate;width:100vw;height:100dvh;position:relative;overflow:hidden}.canvas-stage{z-index:0;border:0;border-radius:0;min-height:0;position:absolute;inset:0;overflow:hidden}.canvas-stage>canvas{width:100%;height:100%;position:absolute;inset:0}.whiteboard-app button{color:#24354d;min-width:40px;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ced6e2;border-radius:9px;padding:7px 10px;font-size:13px}.whiteboard-app button:hover{background:#edf3fa}.whiteboard-app button:disabled{opacity:.45;cursor:default}.whiteboard-app button[aria-pressed=true],.whiteboard-app button[aria-selected=true]{color:#17395f;background:#e1ecfa;border:2px solid #244a78;font-weight:700;box-shadow:inset 0 -3px #244a78}.whiteboard-app :focus-visible{outline-offset:3px;outline:3px solid #2a69bd}.whiteboard-app input:not([type=checkbox]),.whiteboard-app select{border:1px solid #b6c3d4;border-radius:5px;min-height:40px}.glass{background:#fffffff5;border:1px solid #d5dde8;border-radius:12px;box-shadow:0 3px 16px #18335414}.board-top{z-index:30;flex-flow:row;align-items:center;gap:10px;height:52px;padding:5px 8px;display:flex;position:absolute;top:10px;left:12px;right:12px}.board-name{text-overflow:ellipsis;white-space:nowrap;min-width:30px;font-size:15px;font-weight:650;overflow:hidden}.top-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.board-status{color:#45644c;gap:8px;max-width:300px;font-size:11px;display:flex}.board-status span{white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}.board-status.error{color:#a32d2d}.floating-tools{z-index:45;flex-direction:column;gap:5px;width:82px;padding:6px;display:flex;position:absolute;top:82px;left:12px}.floating-tools>button,.desktop-tools>button{width:100%}.mobile-tools{display:none}.tool-flyout{flex-direction:column;gap:5px;min-width:136px;padding:7px;display:flex;position:absolute;top:0;left:calc(100% + 8px)}.context-toolbar{z-index:20;flex-wrap:wrap;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 140px);max-height:120px;margin-inline:auto;padding:7px 10px;display:flex;position:absolute;top:78px;left:110px;right:24px;overflow:auto}.whiteboard-app[data-drawer]:not([data-drawer=closed]) .context-toolbar{max-width:calc(100% - 490px);right:372px}.context-toolbar .tools{gap:5px}.context-toolbar .properties{gap:7px}.properties label{min-height:40px}.side-drawer{z-index:35;flex-direction:column;width:344px;max-width:calc(100% - 24px);display:flex;position:absolute;top:78px;bottom:82px;right:12px;overflow:hidden}[hidden]{display:none!important}.drawer-tabs{border-bottom:1px solid #d5dde8;flex-shrink:0;align-items:center;gap:4px;padding:8px;display:flex}.drawer-tabs button{padding:6px 8px}.side-drawer>[role=tabpanel]{flex:1;min-height:0;padding:12px;overflow:auto}.side-drawer .metadata-panel{width:auto;max-width:none;box-shadow:none;background:0 0;border:0;padding:0;position:static;overflow:visible}.side-drawer .properties{flex-direction:column;align-items:stretch}.side-drawer .properties label{justify-content:space-between}.side-drawer .board-search{display:block}.side-drawer .board-search label{gap:7px;display:grid}.side-drawer .board-search input{width:100%;max-width:none;margin:0}.side-drawer .search-results{width:auto;max-width:none;max-height:none;box-shadow:none;border:0;padding:12px 0;position:static;overflow:visible}.zoom-controls{z-index:25;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;bottom:16px;right:16px}.zoom-controls output{text-align:center;min-width:50px;font-size:13px}.app-menu{z-index:60;gap:6px;padding:8px;display:grid;position:absolute;top:70px;left:12px}.board-dialog{border:1px solid #c2cfe0;border-radius:14px;width:520px;max-width:calc(100vw - 32px);max-height:80dvh;padding:24px;overflow:auto}.board-dialog::backdrop{background:#15294255}.board-dialog p{margin-block:12px;line-height:1.8}.board-dialog input{width:100%}.whiteboard-app>.text-editor,.whiteboard-app>.resource-editor{z-index:40;pointer-events:auto}.whiteboard-app>.resource-editor{max-height:calc(100% - 100px);top:78px;right:12px}.search-highlight{z-index:10;pointer-events:none;background:#ffcf331c;border:3px solid #ed9900;border-radius:6px;animation:1.5s ease-out both search-pulse;position:absolute}@keyframes search-pulse{0%,40%{opacity:1;box-shadow:0 0 0 8px #ffc14533}to{opacity:0}}@media (prefers-reduced-motion:reduce){.search-highlight{animation:none}}@media (max-width:1000px){.board-status{background:#ffffffed;border-radius:7px;max-width:calc(100vw - 260px);padding:7px;position:fixed;bottom:20px;left:14px}}@media (max-width:719px){.board-top{gap:6px;height:50px;padding:4px;top:6px;left:6px;right:6px}.board-name{max-width:100px;font-size:13px}.top-actions{gap:3px}.floating-tools{top:auto;left:50%;bottom:max(10px,env(safe-area-inset-bottom));flex-direction:row;gap:4px;width:max-content;max-width:calc(100% - 12px);padding:5px;transform:translate(-50%)}.floating-tools>button{width:auto;min-width:48px}.desktop-tools{display:none}.mobile-tools{display:block}.tool-flyout{flex-flow:wrap;width:280px;top:auto;bottom:calc(100% + 8px);left:0}.context-toolbar,.whiteboard-app[data-drawer]:not([data-drawer=closed]) .context-toolbar{width:max-content;max-width:calc(100% - 16px);max-height:100px;top:66px;left:8px;right:8px}.side-drawer{width:auto;max-width:none;inset:62px 6px 130px}.whiteboard-app:not([data-drawer=closed]) .context-toolbar{display:none}.zoom-controls{bottom:76px;right:8px}.board-status{max-width:calc(100vw - 16px);font-size:10px;bottom:125px;left:8px}.whiteboard-app:not([data-drawer=closed]) .board-status{display:none}.whiteboard-app>.resource-editor{max-height:calc(100% - 130px);top:62px;right:6px}}.login-screen{background:#eef2f7;place-items:center;width:100vw;height:100dvh;padding:20px;display:grid;overflow:auto}.login-form{border-radius:16px;gap:14px;width:100%;max-width:440px;padding:28px;display:grid}.login-form label{gap:6px;display:grid}.login-form input,.login-form button,.activity-dialog button,.activity-dialog select{color:#172554;background:#fff;border:1px solid #aab8cb;border-radius:6px;min-height:40px;padding:8px}.login-form button:focus-visible,.login-form input:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.activity-dialog{text-align:left;color:#172554;width:min(740px,94vw);max-height:86dvh;overflow:auto}.activity-dialog header,.history-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.activity-dialog h2{font-size:20px}.activity-entry{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #d6e0ee;border-radius:10px;margin:12px 0;padding:14px}.activity-entry time{color:#52627a;font-size:12px}.activity-entry details{margin:10px 0}@media (max-width:720px){.top-actions{gap:2px}.board-top .board-name{display:none}.board-top button{padding:4px;font-size:11px}}.workspace{color:#182332;background:#f4f6fa;width:100vw;height:100dvh;font:16px/1.6 system-ui,sans-serif;overflow:auto}.workspace-header{background:#fff;border-bottom:1px solid #dbe2ea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 5vw;display:flex}.workspace-header>a{font-size:20px;font-weight:750}.workspace-header nav{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.workspace-content{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.workspace-content>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace h1{margin:0 0 12px;font-size:30px}.workspace h2{font-size:22px}.workspace a{color:#174d9b;text-underline-offset:4px}.workspace button,.workspace select{min-height:42px;color:inherit;cursor:pointer;background:#fff;border:1px solid #9caec2;border-radius:8px;padding:8px 14px}.workspace button:hover{background:#e7eef9}.workspace :focus-visible{outline-offset:3px;outline:3px solid #3a6dd8}.workspace label{flex-direction:column;gap:6px;display:flex}.workspace input:not([type=checkbox]),.workspace textarea{min-width:0;font:inherit;border:1px solid #9caec2;border-radius:6px;padding:10px}.workspace input[type=checkbox]{width:20px;height:20px}.workspace textarea{min-height:90px}.workspace-filters{flex-wrap:wrap;align-items:end;gap:16px;margin:22px 0;display:flex}.workspace-filters label:last-child{flex-direction:row;align-items:center}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin:24px 0;display:grid}.project-grid article,.workspace-form{overflow-wrap:anywhere;background:#fff;border:1px solid #d7e0eb;border-radius:14px;padding:24px}.project-grid article h2,.project-grid article h3{margin:0}.project-grid article p{color:#49576a;margin:10px 0}.project-grid article button{margin-left:12px}.workspace-form{gap:14px;max-width:680px;margin:20px 0;display:grid}.workspace-form form{gap:14px;display:grid}.member-row{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;display:flex}.workspace [role=alert]{color:#a1192b;background:#fff0f2;border-radius:6px;padding:12px}@media (max-width:600px){.workspace-content{padding:22px 16px 60px}.workspace-header{padding:12px 16px}.workspace-header nav{gap:10px}.workspace-filters>*{flex:130px}.workspace-form{padding:16px}.workspace h1{font-size:25px}}.activity-records{margin-top:32px}.activity-records header{flex-direction:row;align-items:center}.attendance-table-scroll{background:#fff;border:1px solid #d7e0eb;border-radius:10px;margin:16px 0;overflow-x:auto}.activity-records table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.activity-records th,.activity-records td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e2e8f0;max-width:280px;padding:14px 16px}.activity-records th{background:#edf2f8}.activity-records small{color:#526178;margin-top:4px;font-size:12px;display:block}.activity-records time{white-space:nowrap;font-variant-numeric:tabular-nums}.attendance-present{color:#12693e}.activity-records nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}