:root{--sidebar-width: 250px;--header-height: 64px;--primary-color: #2196F3;--background-color: #f8fafc;--border-color: #e2e8f0;--content-max-width: 1800px;--border-radius: 8px;--box-shadow: 0 1px 3px rgba(0,0,0,.1)}body{margin:0;padding:0;background-color:var(--background-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%}.content-area{flex:1;overflow:auto;padding:24px 32px;background-color:var(--background-color);width:100%}.content-wrapper{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:24px;height:100%}.header{height:var(--header-height);background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 32px;justify-content:space-between;width:100%}.search-bar{flex:1;max-width:600px;margin:0 24px}.user-menu{display:flex;align-items:center;gap:16px}.MuiBox-root{border-radius:var(--border-radius)}.auth-container{max-width:400px;margin:50px auto;padding:20px;box-shadow:0 5px 15px #00000080;border-radius:8px}.form-group{margin-bottom:15px}input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}button{width:100%;padding:10px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#1976d2;color:#fff}.error{color:red;margin-bottom:10px}.link{color:#007bff;cursor:pointer}.link:hover{text-decoration:underline}.editor-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff}.editor-inner{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.editor-content-container{flex:1;overflow-y:auto;padding:1.5rem;border:none;outline:none}.editor-content-editable{min-height:100%;outline:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;color:#333;text-align:inherit}.editor-placeholder{position:absolute;color:#aaa;pointer-events:none;-webkit-user-select:none;user-select:none}.editor-toolbar{display:flex;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid #eaeaea;background-color:#fff;position:sticky;top:0;z-index:10}.toolbar-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem;background:transparent;border:none;border-radius:.375rem;color:#4b5563;cursor:pointer;transition:background-color .2s,color .2s}.toolbar-button:hover{background-color:#f3f4f6;color:#111827}.toolbar-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.toolbar-divider{width:1px;height:1.5rem;background-color:#e5e7eb;margin:0 .5rem}.toolbar-link-container{position:relative;display:flex;align-items:center}.toolbar-link-form{position:absolute;top:100%;left:0;margin-top:.5rem;display:flex;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:20}.toolbar-link-input{width:240px;padding:.5rem .75rem;border:none;border-radius:.375rem 0 0 .375rem;font-size:.875rem;outline:none}.toolbar-link-submit{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background-color:#f3f4f6;border:none;border-left:1px solid #e5e7eb;border-radius:0 .375rem .375rem 0;color:#4b5563;cursor:pointer;transition:background-color .2s}.toolbar-link-submit:hover{background-color:#e5e7eb;color:#111827}.editor-paragraph{margin:0 0 1rem}.editor-textBold{font-weight:700}.editor-textItalic{font-style:italic}.editor-textUnderline{text-decoration:underline}.editor-link{color:#2563eb;text-decoration:underline;cursor:pointer}.editor-link:hover{text-decoration:none}.toolbar-placeholders{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-left:1rem;flex:1 1 0%}.toolbar-placeholders .toolbar-button{min-width:120px;padding:0 10px;justify-content:center;text-align:center}