.tech-support{background-color:var(--bg-default);border-radius:8px;color:var(--text-noraml);max-width:900px;padding:24px;width:100%}#tech-support-iframe{border:2px solid var(--primary-300);box-shadow:0 6px 20px rgba(47,111,246,.2)}.tickets-content p{font-size:24px;font-weight:600;padding-top:5%;text-align:center}.tech-support-header{border-bottom:1px solid var(--primary-200);margin-bottom:24px;margin-top:16px;padding-bottom:16px;padding-right:10px}.tech-support-header h2{flex:1;font-size:21px;font-weight:700;text-align:center}.tech-support-header #back-to-admin-menu-btn,.tech-support-header .back-to-all-list-btn,.tech-support-header .back-to-list-button,.tech-support-header .back-to-menu-button{left:20px;position:absolute}#back-to-admin-menu-btn,#back-to-all-list-btn,.back-to-list-button,.back-to-menu-button,.close-button{background:none;border:none;cursor:pointer;padding:4px}.close-button img{height:12px;width:12px}#back-to-admin-menu-btn img,#back-to-all-list-btn img,.back-to-list-button img,.back-to-menu-button img{height:22px;width:22px}.tech-support-content{margin-top:24px}.tech-support-content p{color:var(--text-noraml);font-size:14px;font-weight:500;margin-bottom:8px}.tech-support-content input,.tech-support-content select,.tech-support-content textarea{background:hsla(0,0%,100%,.2);border:1px solid var(--primary-300);border-radius:5px;color:var(--text-noraml);font-family:inherit;font-size:16px;margin-bottom:8px;padding:10px;width:100%}.form-group.readonly input:disabled,.form-group.readonly input[readonly],.form-group.readonly textarea[readonly]{background-color:var(--gray-200);cursor:not-allowed;opacity:.7}.messageContent{resize:vertical}.form-status-message{border-radius:6px;font-size:14px;margin-top:12px;padding:8px;text-align:center;visibility:hidden}.form-status-message.success{background-color:#d4edda;color:#155724;visibility:visible}.form-status-message.error{background-color:#f8d7da;color:#721c24;visibility:visible}.tech-support-wrapper{align-items:center;background:#07f;border:1px solid rgba(0,0,0,.12);border-radius:50%;bottom:24px;box-shadow:0 0 20px 1px rgba(0,119,255,.5);cursor:pointer;display:flex;height:52px;justify-content:center;position:fixed;right:24px;transition:.2s ease-out;width:52px;z-index:1000}.tech-support .sidebar,.tech-support .tech-support-wrapper{display:none!important}:root{--panel:#f2fefb;--muted:#8b8f94;--primary-color:#39f;--gradient-color:#f66;--error:#dc3545;--danger-100:#f8d7da;--danger-200:#f5c6cb;--danger-300:#f1aeb5;--danger-400:#e55353;--danger-500:#dc3545;--success-100:#d4edda;--success-200:#a9dfbf;--success-300:#7dcea0;--success-400:#52be80;--success-500:#28a745;--black:#1e1e1e;--warning:#ffc107;--info:#17a2b8;--primary-50:#e9f2ff;--primary-100:#cce6ff;--primary-200:#9cf;--primary-300:#66b2ff;--primary-400:#39f;--primary-500:#007bff;--gray-0:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-600:#868e96;--gray-800:#343a40;--text-primary:#212529;--primary-600:#2d3748}body{color:#111;font-family:Inter,system-ui,Arial,sans-serif;margin:0}#app{align-items:stretch;min-height:100vh}.sidebar{border-right:1px solid #bfcdd9;padding:14px;width:220px}.main{flex:1;padding:28px}.grid{display:flex;flex-wrap:wrap}.form-row{margin-bottom:10px}.btn{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px}.err{color:#c00;font-size:13px;margin-top:6px}.title{font-weight:700}.modal{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:3px solid var(--primary-300);border-radius:10px;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .6s ease,transform .6s ease;width:400px;z-index:1000}.modal--show{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal__form{display:flex;flex-direction:column;gap:12px}.modal__form .input{margin-bottom:0}.modal__form .error-message{display:block;font-size:12px;line-height:1.2;margin-bottom:0;margin-top:-10px;padding-bottom:0;text-align:center}.modal__form input{background:hsla(0,0%,100%,.2);border:1px solid var(--primary-300);border-radius:5px;color:var(--text-noraml);padding:10px;width:100%}.modal__form input::placeholder{color:#000;opacity:1}.modal__form input.input--error{border-color:var(--error);margin-top:-15px}.modal__buttons{display:flex;flex-direction:column;gap:16px}.modal__buttons .btn{border:none;border-radius:6px;cursor:pointer;flex:1;font-weight:700;padding:10px;text-align:center;transition:background .3s}.modal__buttons button:first-child{background:var(--primary-300);color:var(--text-noraml)}.modal__buttons button:first-child:hover{background:var(--primary-400)}.modal__btn--secondary{background:var(--primary-50);color:var(--text-noraml)}.modal__btn--secondary:hover{background:var(--primary-100)}.modal__form input::placeholder{color:rgba(73,80,87,.7)}.welcome{display:flex;font-size:40px;height:100vh;justify-content:center;margin-top:5%}.modal__icon{height:64px;margin-right:8px;vertical-align:middle;width:64px}.modal__icon-container{display:flex;font-size:36px;justify-content:center}.modal__text{color:var(--text-noraml);font-size:18px;font-weight:600;margin-bottom:5px;margin-left:5px}.modal__sub-text{color:var(--text-noraml);font-size:14px;font-weight:400;margin-top:8px;text-align:center}.modal__sub-text a{color:var(--primary-500);cursor:pointer}.error-message{color:var(--error);font-size:12px;margin:-15px 0 0;opacity:0;transition:opacity .8s ease;visibility:hidden}.error-message--visible{opacity:1;visibility:visible}.input{border:1px solid var(--primary-400);border-radius:4px;font-size:16px;margin-bottom:5px;padding:10px;width:100%}.input-wrapper{align-items:center;display:flex;position:relative}.toggle-password{cursor:pointer;font-size:16px;position:absolute;right:10px;user-select:none}.validation-icon{align-items:center;background-color:hsla(0,0%,100%,.5);border:1px solid var(--primary-300);border-radius:50%;color:var(--text-noraml);cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;margin-left:8px;position:relative;transition:all .2s;vertical-align:middle;width:18px}.validation-icon:hover{background-color:var(--primary-300);color:#fff}.tooltip{background:#333;border-radius:6px;bottom:135%;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#fff;font-size:12px;font-weight:400;line-height:1.4;opacity:0;padding:10px;pointer-events:none;text-align:left;transform:translateX(-50%) translateY(5px);transition:opacity .3s,transform .3s;visibility:hidden;width:260px;z-index:100}.tooltip,.tooltip:after{left:50%;position:absolute}.tooltip:after{border:6px solid transparent;border-top-color:#333;content:"";margin-left:-6px;top:100%}.validation-icon:hover .tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.tooltip ul{margin:4px 0 0;padding-left:16px}.tooltip li{margin-bottom:2px}:root{--bg-default:#fff;--accent:#2f6ff6;--muted:#948b8b;--radius:8px;--shadow:0 1px 2px rgba(0,0,0,.1);--primary-color:#007bff;--text-noraml:#212529}*{box-sizing:border-box}body{align-items:center;background:var(--bg-default);color:var(--primary-color);font-family:Inter,system-ui,Arial;justify-content:center}a{color:inherit;text-decoration:none}.page{background:var(--bg-default);display:grid;min-height:100vh}.page__main{color:var(--primary-color);flex:1;font-size:40px;min-height:calc(100vh - 64px);overflow-y:auto;padding:20px 10%}.user-menu{backdrop-filter:blur(3px);background:rgba(var(--primary-50),.9);border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.08);display:none;min-width:220px;padding:12px;position:fixed;z-index:1000}.user-menu__profile{align-items:center;border-bottom:1px solid rgba(0,0,0,.08);display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px}.user-menu__avatar{border-radius:50%;height:40px;width:40px}.user-menu__meta{font-size:14px}.user-menu__name{color:var(--text-primary,#333);font-weight:600}.user-menu__email{color:var(--text-secondary,#666);font-size:12px}.user-menu__actions{display:flex;gap:16px}.user-menu__btn{align-items:center;background:none;border-radius:6px;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:14px;padding:8px;text-align:left}.user-menu__btn:hover{background:var(--primary-100,#f5f5f5);fill:var(--primary-100,#f5f5f5)}.user-menu__btn--logout:hover{background:var(--danger-500);color:var(--bg-default)}.user-menu__btn--logout:hover .logout_icon{fill:#fff}.logout_icon{fill:#495057;transition:filter 1.3s ease}.page--layout{display:grid;grid-template-columns:292px 1fr;height:100vh;overflow:hidden}@media (max-width:768px){.page--layout{display:grid;grid-template-columns:100% 1fr;height:100vh;overflow:hidden}}.exit-modal-overlay{align-items:center;backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.1);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.exit-modal-content{backdrop-filter:blur(3px);background:var(--primary-50);border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 6px 20px rgba(0,0,0,.08);color:var(--text-noraml);font-size:18px;opacity:.9;padding:20px;position:relative;text-align:center;width:428px}.exit-modal-close{cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px}.exit-modal-title{font-size:24px;font-weight:800;margin:20px 0}.exit-modal-text{margin:20px 0}.exit-modal-button{align-items:center;background-color:var(--danger-400);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;gap:8px;height:42px;justify-content:center;padding:10px 20px;padding-inline:12px;width:96%}.exit-modal-button,.exit-modal-button:hover{background-color:var(--danger-500)}.header{background:var(--gray-0);border:2px solid var(--primary-200);box-sizing:border-box;left:0;padding:10px 20px;position:fixed;right:0;top:0;width:100%;z-index:1000}.header,.header__inner{align-items:center;display:flex;justify-content:space-between}.header__inner{gap:16px;margin:auto;max-width:960px;padding:12px 24px}.header__logo{align-items:center;color:var(--accent);display:flex;font-size:18px;font-weight:700;margin:0}.header__search{border:1px solid #ccc;border-radius:var(--radius);flex:1;margin:0 16px;max-width:400px;padding:8px 12px}.header__login{background:var(--accent);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;margin-left:auto;max-width:100%;padding:8px 16px}.header__icon{height:32px;width:32px}:root{--note-bg:#f1f3f5;--note-border:#ced4da;--note-hover:#e9ecef;--note-active:#cce6ff;--text-caption:#495057;--gray-200:#e9ecef}.notes-page{background:#fff;color:#fff;height:100vh}.note-section{margin-bottom:40px}.notes-section h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:16px;margin-left:30px}.notes-content{display:grid;flex:1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-left:30px}.note-card{align-items:flex-start;background:var(--gray-100);border:2px solid var(--gray-400);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:150px;padding:16px;transition:transform .2s,background .2s}.note-card:hover{background:var(--note-hover);transform:translateY(-2px)}.note-card--favorite{border:2px solid var(--gray-400)}.note-card__icon{height:24px;margin-bottom:10px;width:24px}.note-card__title{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 6px}.note-card__text{color:var(--text-caption);font-size:16px;margin:0}.sidebar{background:var(--gray-50);border-right:1px solid var(--primary-50);flex-direction:column;height:100%;overflow-y:auto;padding-left:8px;width:273px}.sidebar,.sidebar__user{box-sizing:border-box;display:flex}.sidebar__user{align-items:center;font-size:20px;font-weight:600;gap:6px;height:32px;max-width:100%;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.sidebar__nav{display:flex;flex-direction:column;gap:4px;margin-bottom:24px;margin-top:30px}.sidebar__item{align-items:center;border-radius:8px;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;min-height:32px;padding:0;text-align:center;text-decoration:none;transition:background .2s,color .2s}@media (max-width:768px){.sidebar{align-items:center;background:var(--gray-50);border-right:none;border-top:1px solid var(--primary-50);bottom:0;display:flex;flex-direction:row;height:64px;justify-content:space-around;left:0;overflow:hidden;padding:0;position:fixed;width:100%;z-index:1000}.sidebar__user-dots,.sidebar__user-info{display:none!important}.sidebar__nav{flex-direction:row;gap:0;justify-content:space-around;margin:0;padding:0;width:40%}.sidebar__item,.sidebar__user{align-items:center;border-radius:0;flex:1;font-size:0;justify-content:center;min-height:64px}.sidebar__item img{height:32px!important;margin-bottom:2px!important;width:32px!important}.sidebar__subs{display:none}}.sidebar__icon,.sidebar__item img.sidebar__icon{height:22px;margin-left:4px;margin-right:8px;opacity:.8;width:22px}.sidebar__usericon{border-radius:50%;cursor:pointer;height:32px;margin-right:12px;object-fit:cover;width:32px}.sidebar__user-info{flex:1;min-width:0}.sidebar__username{color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600}.sidebar__user-email,.sidebar__username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-email{color:var(--text-secondary);font-size:12px}.sidebar__user-dots{align-items:center;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:8px;transition:background-color .2s}.sidebar__user-dots img{display:block;height:16px;width:16px}.sidebar__item:hover,.subdir__item:hover{background:var(--primary-100)}.sidebar__item.active{background:linear-gradient(90deg,#1e1e1e,var(--primary-300));color:#fff}.sidebar__subs{flex:1;font-size:14px;font-weight:500;overflow-x:hidden;overflow-y:auto}.sidebar__settings{color:var(--muted);font-size:14px;margin-top:auto}.subdirs{background-color:#fff;border-radius:8px;margin-bottom:20px;padding:10px}.subdirs__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.subdirs__header span{color:#333;font-size:18px;font-weight:600}.subdirs__add{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:background-color .3s}.subdirs__add:hover{background-color:#0056b3}.subdirs__list{display:flex;flex-direction:column;gap:10px}.subdir-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-wrap:wrap;height:auto;min-height:32px;padding-left:10px;transition:background-color .2s}.subdirs-item:hover{background-color:#e0e0e0}.subdir{list-style:none;margin:0;padding:8px 0}.subdir__item{color:var(--text-primary);font-size:16px;font-weight:600;margin:6px 0}.subdir-header{align-items:center;border-radius:6px;color:inherit;cursor:pointer;display:flex;gap:8px;min-height:33px;padding:4px 7%;text-decoration:none;transition:background .2s;width:100%}.subdir-header:hover{background:var(--primary-100);color:var(--text-primary);min-height:33px}.subdir-buttons{align-items:end;display:flex;gap:2px;justify-content:flex-end;position:absolute;right:4px}.subdir-menu-favorite{background:none;border:none;cursor:pointer;padding:4px;right:8px;top:50%}.subdir-menu-favorite.active{opacity:1;right:100px;transform:scale(1.1)}.subdir__icon{height:6px;width:6px}.folder{margin-bottom:4px}.folder-header{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:6px 8px;user-select:none}.folder-icon{height:16px;opacity:.7;width:16px}.folder-title{color:var(--text-primary);font-size:14px;font-weight:500}.folder-list{list-style:none;margin:0;padding:0}.folder-arrow{height:12px;transform:rotate(0deg);transition:transform .2s ease;width:12px}.folder-arrow.rotated{transform:rotate(90deg);transition:transform .2s ease}.add-note-button{align-items:center;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin:-4px 8px 4px;padding:8px 16px;transition:background-color .2s,color .2s}.add-note-button:hover{background-color:var(--primary-100);color:var(--text-primary)}.sidebar-dots-icon{position:absolute}.sidebar-dropdown{backdrop-filter:blur(6px);background:hsla(0,0%,100%,.95);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.15);display:none;flex-direction:column;margin-top:4px;padding:10px;right:0;top:100%;width:200px;z-index:100}.sidebar-dropdown--show{display:flex}.sidebar-dropdown-item{align-items:center;display:flex;gap:8px;padding-bottom:8px}.sidebar-dropdown-icon{border-radius:50%;height:32px;width:32px}.sidebar-dropdown-name{font-weight:600}.sidebar-dropdown-email{color:gray;font-size:12px}.sidebar-ropdown-btn{background:transparent;border:none;cursor:pointer;font-size:14px;padding:8px;text-align:left;width:100%}.sidebar-dropdown-btn:hover{background:rgba(0,0,0,.05)}.subdir-item--active{align-items:stretch;background-color:var(--primary-100);border-left:3px solid #2196f3;flex-direction:column;padding-bottom:8px}.subnotes-list{border-left:2px solid var(--primary-300);list-style:none;margin:0 0 0 20px;padding:0}.subnote-item{margin:2px 0;padding:4px 8px}.add-subnote-btn{background:transparent;border:1px solid var(--primary-100);border-radius:6px;color:var(--text-primary);cursor:pointer;display:block;font-size:14px;padding:6px 10px;text-align:left;transition:all .2s ease;width:100%}.add-note-button:hover,.add-subnote-btn:hover{background:var(--primary-200);border-color:var(--gray-300);color:var(--text-primary)}.add-note-button:active,.add-subnote-btn:active{transform:scale(.98)}.add-subnote-btn{margin-left:20px}.page--note-editor{display:grid;grid-template-columns:292px 1fr;height:100vh;overflow:hidden}.note-editor__main{overflow-y:auto;padding:20px 10%;position:relative;width:100%}@media (max-width:768px){.note-editor__main{overflow-y:auto;padding:10px 5%;position:relative;width:100%}}.note-editor__header{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding-bottom:10px}.save-status{color:#8a8a8a;font-size:14px;margin-right:auto;transition:opacity .3s}.note-editor__header-btn{background:none;border:none;cursor:pointer;opacity:.6;padding:4px;transition:opacity .2s,transform .2s}.note-editor__header-btn:hover{opacity:1}.note-editor__header-btn.active{opacity:1;transform:scale(1.1)}.note-editor__header-btn img{height:20px;width:20px}@media (max-width:768px){.note-editor__header-btn img{height:32px!important;width:32px!important}.note-editor__header{gap:24px;padding-bottom:6px}}.note-editor__title{background-color:transparent;border:none;color:#333;font-size:2.5em;font-weight:700;margin-bottom:20px;outline:none;padding:12px 0;width:100%}.block-container{position:relative}.block-handle{align-items:center;background:hsla(0,0%,100%,.98);border:none;border:1px solid rgba(15,40,80,.06);border-radius:50%;box-shadow:0 6px 18px rgba(21,38,70,.06);color:rgba(47,111,246,.95);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;left:18px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .12s ease,background .12s ease;width:32px;z-index:10}.block-container:focus-within .block-handle,.block-container:hover .block-handle{opacity:1}.add-block-menu{background-color:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:none;padding:6px;position:absolute;width:180px;z-index:110}.add-block-menu.visible{display:block}.menu-item{border-radius:4px;cursor:pointer;padding:8px 12px}.menu-item:hover{background-color:#f0f0f0}.block-editor{display:flex;flex-direction:column;gap:8px}.block{border-radius:8px;line-height:1.6;outline:none;padding:10px 14px;transition:background-color .18s ease,box-shadow .18s ease,transform .12s ease}.block-action-btn{font-size:13px;height:30px;width:30px}.block--text{background:transparent;box-shadow:none;box-sizing:border-box;color:#37352f;cursor:text;font-size:16px;margin:8px 0;max-width:none;padding-left:80px;padding-right:140px;position:relative;width:100%}.block--text,.block--text *{overflow-wrap:break-word;white-space:normal!important;word-break:break-word}.block--text:focus,.block--text:focus-within,.block--text:hover:not(:focus-within){background:rgba(47,111,246,.04);box-shadow:0 2px 8px rgba(47,111,246,.06);transform:translateY(-1px)}.block--text:before{background:linear-gradient(180deg,rgba(47,111,246,.9),rgba(47,111,246,.6));border-radius:3px;bottom:10px;content:"";left:60px;min-height:18px;opacity:0;position:absolute;top:10px;transition:opacity .18s ease;width:4px}.block--text:focus-within:before,.block--text:focus:before,.block--text:hover:not(:focus-within):before{opacity:1}.block--image img{border-radius:4px;max-width:100%}.block--code{background-color:#f7f6f3;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:14px;margin:8px 0;padding:16px 140px 16px 80px;position:relative}.block--code:hover{background-color:#f0efeb}.block--code:before{display:none}.code-toolbar{margin-bottom:8px}.code-language{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 8px}.code-content{outline:none;white-space:pre-wrap;word-break:break-all}.block-actions{display:flex;gap:6px;position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:12}.block-action-btn{align-items:center;background:hsla(0,0%,100%,.98);border:none;border-radius:6px;box-shadow:0 6px 18px rgba(21,38,70,.06);color:#2f6ff6;cursor:pointer;display:inline-flex;font-size:14px;height:34px;justify-content:center;opacity:0;transition:opacity .12s ease,transform .12s ease;width:34px}.block-container:hover .block-action-btn{opacity:1}.block-action-delete{color:#e05b5b}.note-editor__buttons{display:none;margin-top:20px}.formatting-toolbar{align-items:center;background-color:#2d3748;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:flex;gap:4px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.95);transition:opacity .15s ease-out,transform .15s ease-out;z-index:100}.formatting-toolbar.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.format-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.format-btn:hover{background-color:#4a5568}.format-btn i{font-style:italic}.format-btn u{text-decoration:underline}.format-btn s{text-decoration:line-through}.format-btn-code{font-family:monospace;font-size:16px;line-height:1;padding:0}.format-dropdown{position:relative}.dropdown-toggle{align-items:center;background-color:#4a5568;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:space-between;margin-left:4px;min-width:80px;padding:6px 10px}.dropdown-toggle svg{height:12px;stroke:#fff;stroke-width:2;width:12px}.dropdown-menu{background-color:#2d3748;border-radius:4px;display:none;left:0;min-width:120px;padding:4px;position:absolute;top:110%;z-index:101}.format-dropdown.active .dropdown-menu{display:block}.dropdown-item{border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.dropdown-item:hover{background-color:#4a5568}.empty-state-actions{display:none;padding:20px 0;text-align:center}.empty-state-add-btn{background:none;border:1px dashed #ccc;border-radius:6px;color:#888;cursor:pointer;font-size:16px;padding:10px 20px}.empty-state-add-btn:hover{background:#f7f7f7;color:#555}.button-plus{color:var(--primary-color);margin-bottom:2px;margin-left:1px;position:relative}.token-keyword{color:#a626a4;font-weight:700}.token-string{color:#50a14f}.token-comment{color:#a0a1a7;font-style:italic}.token-number{color:#986801}.block--code{color:#383a42}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);max-width:500px;padding:24px;transition:opacity .8s ease;width:90%}.modal-header{font-size:1.2em;font-weight:600;margin-bottom:16px}.modal-body .input-group{display:flex;flex-direction:column}.drop-zone{border:2px dashed transparent;border-radius:6px;padding:12px;position:relative}.drop-zone .drop-hint{color:#6b7280;font-size:13px;margin-top:8px}.drop-zone.drop-active{background-color:rgba(47,111,246,.04);border-color:#2f6ff6}.modal-body label{color:#333;font-size:14px;margin-bottom:8px}.modal-body input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px}.modal-btn-primary{background-color:#2f6ff6;color:#fff}.modal-btn-secondary{background-color:#e2e8f0;color:#2d3748}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.account-settings{background-color:var(--bg-default);border:1px solid var(--primary-200);border-radius:12px;color:var(--text-noraml);margin:40px auto;max-width:600px;padding:24px}.account-settings-header{align-items:center;border-bottom:1px solid var(--primary-200);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.account-settings-header h2{font-size:24px;font-weight:600;margin:0}.close-button{background:none;border:none;cursor:pointer;padding:4px}.close-button img{height:16px;width:16px}.account-settings-content p{color:var(--text-noraml);font-size:14px;font-weight:500;margin-bottom:8px}.account-settings-content input{background:hsla(0,0%,100%,.2);border:1px solid var(--primary-300);border-radius:5px;color:var(--text-noraml);font-size:16px;margin-bottom:16px;padding:10px;width:100%}.account-settings-content input[readonly]{background-color:var(--gray-200);cursor:not-allowed}.avatar-section{align-items:center;display:flex;gap:16px;margin-bottom:16px}.avatar-placeholder .avatar{align-items:center;background-color:var(--gray-200);border:2px solid var(--primary-300);border-radius:20%;display:flex;height:96px;justify-content:center;width:96px}.avatar-placeholder .avatar img{height:48px;width:48px}.actions{display:flex;gap:12px;margin-top:24px}.actions button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:10px 20px;transition:background .3s}.save-button{background:var(--primary-300);color:var(--text-noraml)}.save-button:hover{background:var(--primary-400)}.delete-account-section{border-top:1px solid var(--danger-200);margin-top:32px;padding-top:24px}.delete-account-section h3{color:var(--danger-500);margin-bottom:12px}.delete-account-button{background-color:transparent;border:1px solid var(--danger-500);border-radius:6px;color:var(--danger-500);cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}.delete-account-button:hover{background-color:var(--danger-500);color:#fff}.status-message{color:var(--text-noraml);font-size:14px;margin-bottom:12px;margin-top:-12px}.status-message.complete--visible{background:var(--success-400);border-radius:6px;color:var(--bg-default);padding:8px 12px}.status-message.error--visible{background:var(--danger-400);border-radius:6px;color:var(--bg-default);margin-top:12px;padding:8px 12px;transition:opacity .8s ease}.subdir-item{position:relative}.subdir-header:hover .subdir-menu-dots,.subdir-header:hover .subdir-menu-favorite{display:block!important}.subdir-menu-dots,.subnote-menu-dots{background:none;border:none;cursor:pointer;padding:4px;right:8px;top:50%}.subdir-menu-dots img{height:16px;width:16px}.note-menu{backdrop-filter:blur(4px);background:rgba(var(--primary-600),.9);border:1px solid var(--primary-100);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:8px 0;position:absolute;z-index:1000}.note-menu button{background:none;border:none;cursor:pointer;display:block;padding:8px 16px;text-align:left;width:100%}.note-menu button:hover{background-color:var(--primary-100)}.user-menu--visible{display:block}.search-modal-overlay{align-items:center;backdrop-filter:blur(.1ex);background-color:hsla(0,0%,100%,.1);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.search-modal-content{backdrop-filter:blur(3px);background-color:#fff;background:var(--bg-default);border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 6px 20px rgba(0,0,0,.08);color:var(--text-noraml);font-size:18px;opacity:.9;padding:20px;position:relative;text-align:center;width:428px;z-index:1001}.search-modal-close{cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px}.search-modal-title{font-size:18px;font-weight:600;margin-bottom:12px}.search-modal-input{border:1px solid var(--gray-300);border-radius:8px;font-size:14px;margin-bottom:12px;padding:10px;width:100%}.search-modal-button{background-color:var(--primary-color,#4a90e2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:100%}.search-modal-button:hover{opacity:.9}.search-modal-results{margin-bottom:10px;max-height:200px;overflow-y:auto}.tech-support-menu{background-color:var(--bg-default);border:1px solid var(--primary-200);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:500px;padding:30px;position:relative;text-align:center;width:100%}.tech-support-menu h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:25px}.menu-options{display:flex;flex-direction:column;gap:15px}.menu-button{background-color:var(--primary-400);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:background-color .2s ease,transform .1s ease;width:100%}.menu-button:hover{background-color:#2980b9;transform:translateY(-1px)}.menu-button:active{transform:translateY(0)}.ticket-title-list{list-style:none;margin:0;padding:0}.ticket-item a{border-bottom:1px solid var(--primary-200);color:var(--text-noraml);display:block;padding:12px 15px;text-decoration:none;transition:background-color .2s}.ticket-item a:hover{background-color:var(--primary-100)}.ticket-item-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.ticket-item-title{color:var(--primary-500);font-size:16px;font-weight:600}.ticket-item-date{color:var(--text-caption);font-size:12px;margin-left:10px;white-space:nowrap}.ticket-item-user{color:#6c757d;font-size:13px;margin-bottom:6px}.ticket-item-status{border-radius:12px;display:inline-block;font-size:13px;padding:2px 8px;text-transform:capitalize}.status-open{background-color:rgba(40,167,69,.1);color:#28a745}.status-in_progress{background-color:rgba(0,123,255,.1);color:#007bff}.status-closed{background-color:hsla(208,7%,46%,.1);color:#6c757d}.send-form-btn{display:flex;gap:12px;margin-top:24px}.send-form-btn button{border:none;border-radius:6px;cursor:pointer;flex:1;font-weight:700;padding:10px 20px;transition:background .3s}.submit-button{background:var(--primary-300);color:var(--text-noraml)}.submit-button:hover{background:var(--primary-400)}.submit-button:disabled{background:var(--gray-300);cursor:not-allowed}.cancel-button{background:var(--primary-50);color:var(--text-noraml)}.cancel-button:hover{background:var(--primary-100)}.file-attachment-section{align-items:center;display:flex;gap:16px;margin-top:16px}#attach-file-btn{background:var(--primary-300);border:none;border-radius:6px;color:var(--text-noraml);cursor:pointer;font-weight:600;padding:10px 15px;transition:background .3s}#attach-file-btn:hover{background:var(--primary-400)}#file-attachment-status{align-items:center;color:var(--text-caption);display:flex;font-size:14px;gap:8px}.remove-file-btn{background:none;border:none;color:var(--danger-500);cursor:pointer;font-size:16px;font-weight:700}.ticket-image-attachment img{border:1px solid var(--primary-300);border-radius:8px;margin-top:8px;max-width:100%}.statistics-content{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:10px}.stat-card{background-color:#fff;border:1px solid var(--primary-200);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:24px}.stat-card-title{color:var(--text-caption);font-size:16px;font-weight:600;margin:0 0 16px;text-transform:capitalize}.stat-card-main-value{color:var(--text-primary);font-size:48px;font-weight:700;margin-bottom:24px}.stat-card-details{display:flex;gap:16px;justify-content:space-between}.stat-item{align-items:flex-start;display:flex;flex-direction:column}.stat-label{color:#6c757d;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{border-radius:12px;font-size:18px;font-weight:600;padding:2px 10px}.chat-support{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.tech-support-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tech-support-header h2{margin:0}.chat-support-content{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px}.chat-messages{background-color:#fff;border:1px solid #ddd;border-radius:8px;height:400px;margin-bottom:20px;overflow-y:auto;padding:10px}.chat-message{border-radius:8px;margin-bottom:15px;max-width:70%;padding:10px}.user-message{background-color:#e3f2fd;margin-left:auto;text-align:right}.support-message{background-color:#f1f1f1;margin-right:auto;text-align:left}.chat-input-section{display:flex;gap:10px}.chat-input-section input{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px}#send-chat-message{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}#send-chat-message:hover{background-color:#0b7dda}.back-to-list-button,.close-button{background:none;border:none;cursor:pointer}.collab-access-block,.collab-add-block,.collab-list-block{margin-top:15px}.collab-label{color:var(--text-primary);display:block;font-size:14px;margin-bottom:6px}.collab-input{background:var(--gray-50);border-radius:6px;color:var(--text-primary);margin-bottom:8px;padding:8px 10px;width:100%}.collab-input,.collab-role-change{border:1px solid var(--primary-200)}.collab-role-change{border-radius:6px;color:var(--gray-100);font-size:14px;padding:6px}.collab-copy-btn,.collab-invite-btn,.collab-role-change{background:var(--primary-400);cursor:pointer;transition:.2s}.collab-copy-btn,.collab-invite-btn{border:none;border-radius:6px;color:#fff;padding:8px 12px}.collab-copy-btn:hover,.collab-invite-btn:hover{background:var(--primary-400)}.collab-list{list-style:none;margin:0;padding:0}.collab-list-item{align-items:center;background:var(--gray-50);border-radius:5px;display:flex;justify-content:space-between;margin-bottom:6px;padding:6px 10px}.collab-remove-btn{background:transparent;border:none;color:var(--danger-500);cursor:pointer;font-size:20px}.collab-link-input{background:var(--gray-50);border:1px solid var(--primary-100);border-radius:6px;color:var(--text-primary);margin-right:10px;padding:8px 10px;width:100%}.collab-access-row{align-items:center;display:flex;margin-top:8px}.notification-container{bottom:20px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;z-index:9999}@media (max-width:768px){.notification-container{bottom:80px;right:20px}}.notification-toast{align-items:center;background:var(--bg-default);border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--text-primary);display:flex;font-size:14px;font-weight:500;justify-content:space-between;max-width:350px;min-width:250px;opacity:0;padding:12px 16px;pointer-events:auto;transform:translateX(20px);transition:opacity .3s ease,transform .3s ease}.notification-toast--visible{opacity:1;transform:translateX(0)}.notification-toast.success{background:var(--success-100);border-left-color:var(--success-500);color:#155724}.notification-toast.error{background:var(--danger-100);border-left-color:var(--danger-500);color:#721c24}.notification-toast.info{background:var(--primary-50);border-left-color:var(--info);color:var(--primary-600)}.notification-close{background:transparent;border:none;color:inherit;cursor:pointer;font-size:16px;margin-left:10px;opacity:.6}.notification-close:hover{opacity:1}