.boards-view,.board-editor-view{padding:0!important;max-width:none!important}.boards-shell{padding:52px clamp(28px,6vw,96px);min-height:100vh;background:#f7f9fd}.boards-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.boards-head h1{font-size:44px;margin:5px 0}.boards-head p{color:#7080a3}.boards-actions{display:flex;gap:12px}.boards-tabs{display:flex;gap:6px;border-bottom:1px solid #dfe5f1;margin-bottom:24px}.boards-tabs button{border:0;background:none;padding:14px 18px;color:#71809f;font:600 14px Manrope}.boards-tabs button.active{color:#165dff;border-bottom:2px solid #165dff}.boards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.board-card{background:#fff;border:1px solid #dfe6f2;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #243a6a0a}.board-preview{height:156px;background-color:#f8faff;background-image:radial-gradient(#cbd6ea 1px,transparent 1px);background-size:18px 18px;position:relative}.board-preview span{position:absolute;inset:24px;border:2px solid #8eaaff;border-radius:10px;background:#eaf0ff}.board-card-body{padding:18px}.board-card h3{margin:0 0 7px}.board-card-meta{display:flex;justify-content:space-between;color:#7a87a3;font-size:12px}.board-card-actions{display:flex;gap:8px;margin-top:16px}.board-card-actions button{flex:1;border:1px solid #dce4f1;border-radius:9px;padding:9px;background:#fff}.boards-empty{grid-column:1/-1;text-align:center;padding:80px;background:#fff;border:1px dashed #cbd5e6;border-radius:18px;color:#71809f}
.board-editor-view.active{display:block!important;position:fixed!important;z-index:40;inset:0;background:#eef2f8}.board-app{height:100vh;display:grid;grid-template-rows:64px 1fr}.board-top{display:flex;align-items:center;gap:14px;padding:0 18px;background:#fff;border-bottom:1px solid #dde4ef;z-index:5}.board-top h2{font-size:17px;margin:0}.board-top .save-state{color:#67809f;font-size:12px;margin-right:auto}.board-top .participants{display:flex}.board-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid white;margin-left:-7px;font-weight:700}.board-workspace{position:relative;overflow:hidden}.board-canvas{position:absolute;inset:0;background-color:#f7f9fc;background-image:radial-gradient(#cbd4e3 1px,transparent 1px);background-size:24px 24px;touch-action:none;cursor:grab}.board-stage{position:absolute;left:50%;top:50%;transform-origin:0 0;width:1px;height:1px}.board-toolbox{position:absolute;left:18px;top:18px;background:#fff;border:1px solid #dce4f0;padding:7px;border-radius:14px;box-shadow:0 10px 32px #20315422;display:grid;gap:5px;z-index:4}.board-toolbox button{width:42px;height:42px;border:0;background:#fff;border-radius:9px;font-size:19px}.board-toolbox button.active,.board-toolbox button:hover{background:#eaf1ff;color:#155eef}.board-side{position:absolute;right:18px;top:18px;width:280px;max-height:calc(100% - 36px);overflow:auto;background:#fff;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 12px 40px #26365a1d;padding:17px;z-index:4}.board-side h3{margin:0 0 14px}.board-side article{border:1px solid #e1e7f0;border-radius:11px;padding:11px;margin-bottom:8px}.board-bottom{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:7px;display:flex;gap:6px;z-index:4}.board-bottom button{border:0;background:#f4f7fc;border-radius:7px;padding:8px 12px}.board-object{position:absolute;min-width:100px;min-height:40px;box-sizing:border-box;user-select:none}.board-object.selected{outline:2px solid #1764ff;outline-offset:3px}.board-object.text{font:600 20px Manrope;color:#111936;white-space:pre-wrap}.board-object.sticky{width:190px;min-height:150px;padding:18px;background:#fff0a8;box-shadow:0 5px 20px #725b1425;border-radius:4px;white-space:pre-wrap}.board-object.shape{width:180px;height:110px;background:#dfe9ff;border:2px solid #5680ef;border-radius:14px}.board-object.image{width:260px}.board-object.image img{width:100%;display:block;border-radius:8px}.board-object.room{width:1200px;height:800px;border:3px dashed #6f8ee8;border-radius:18px;background:#dce8ff20;pointer-events:none}.board-object.room b{position:absolute;top:-34px;color:#36578f}.board-cursor{position:absolute;pointer-events:none;color:#fff;font-size:11px;padding:3px 6px;border-radius:5px;background:#7657e7}.board-empty-side{color:#8190ac;font-size:13px}.board-modal{position:fixed;z-index:80;inset:0;background:#17203b88;display:grid;place-items:center}.board-modal[hidden]{display:none}.board-modal>form{background:#fff;border-radius:20px;padding:26px;width:min(520px,calc(100vw - 30px));display:grid;gap:14px}.board-modal label{display:grid;gap:6px}.board-modal input,.board-modal textarea{padding:12px;border:1px solid #d7dfec;border-radius:10px;font:inherit}.board-modal footer{display:flex;justify-content:flex-end;gap:9px}@media(max-width:900px){.board-side{top:auto;bottom:70px;left:14px;right:14px;width:auto;max-height:36vh}.board-toolbox{top:auto;bottom:14px;left:50%;transform:translateX(-50%);display:flex;max-width:calc(100vw - 24px);overflow:auto}.board-bottom{display:none}.boards-head{align-items:flex-start;flex-direction:column}.boards-shell{padding:28px 18px}.board-top .hide-mobile{display:none}}
.board-object.shape{background:var(--object-color,#dfe9ff)}.board-object.line,.board-object.arrow{height:8px;min-height:8px;background:transparent!important}.board-object.line i,.board-object.arrow i{position:relative;display:block;height:3px;background:var(--object-color,#3157f5);transform:translateY(3px)}.board-object.arrow i b{position:absolute;right:-2px;top:-15px;color:var(--object-color,#3157f5);font:700 28px/28px Arial}.board-object.path{min-width:1px;min-height:1px;background:transparent!important}.board-object.path svg{width:100%;height:100%;overflow:visible}.board-object.image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.board-object.pdf,.board-object.file,.board-object.link{background:#fff;border:1px solid #dce4f1;border-radius:12px;box-shadow:0 7px 22px #24355e16}.board-object.pdf a,.board-object.file a,.board-object.link a{display:grid;gap:5px;padding:15px;text-decoration:none;color:#111936}.board-object.pdf a>span{color:#e23d3d;font-size:11px;font-weight:800}.board-object.pdf small,.board-object.file small,.board-object.link small{color:#7483a2;overflow:hidden;text-overflow:ellipsis}.board-object.frame{border:2px solid var(--object-color,#7597ed);border-radius:12px;background:#fff2;pointer-events:none}.board-object.frame>b{position:absolute;top:-30px}.board-object.table{background:white}.board-object.table table{border-collapse:collapse;width:100%;height:100%}.board-object.table td{border:1px solid #9caac2;min-width:70px;padding:7px}.board-object.locked:after{content:'🔒';position:absolute;right:-8px;top:-12px;background:white;border-radius:50%;padding:3px;font-size:11px}.board-object.room{background:#dce8ff20}.object-comment-count{position:absolute;right:-9px;top:-10px;background:#3157f5;color:#fff;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font:700 11px Manrope}.board-side label{display:grid;gap:6px;margin:12px 0;color:#64738f;font-size:12px}.board-side input[type=color]{width:100%;height:38px;border:1px solid #dbe3ef;border-radius:8px}.board-side input[type=number]{padding:9px;border:1px solid #dbe3ef;border-radius:8px}.board-side-head{display:flex;justify-content:space-between;align-items:center}.board-side-head button{border:0;background:none;font-size:20px}.board-property-actions,.board-session-card>div{display:flex;gap:6px;flex-wrap:wrap}.board-property-actions button,.board-session-card button,.board-room-card button{border:1px solid #d9e1ee;background:#fff;border-radius:7px;padding:7px;font:600 11px Manrope}.board-property-actions .danger{color:#c53d45}.board-member-list{display:grid;gap:7px;margin:12px 0 20px}.board-member-list span{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center}.board-member-list i{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9efff;color:#3157f5;font-style:normal}.board-member-list small{color:#8190a8}.board-room-card{display:grid!important;grid-template-columns:8px 1fr auto;gap:9px;align-items:center}.board-room-card>span{height:36px;border-radius:5px}.board-room-card div{display:grid}.board-room-card small{color:#7a88a3}.board-check{display:flex!important;align-items:center;gap:8px!important}