body{font-family:Inter,sans-serif;background-color:var(--primary-bg);color:var(--text-primary);margin:0;padding:0;overflow:hidden;transition:background-color .3s ease,color .3s ease}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);background-color:var(--secondary-bg);padding:20px 0;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 0 8px #0000004d;flex-shrink:0;transition:background-color .3s ease,box-shadow .3s ease}.sidebar-header{padding:0 20px;margin-bottom:30px}.header-logo-link{display:flex;align-items:center;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.5em;gap:10px}.sidebar-logo{width:40px;height:40px}.user-profile{display:flex;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-name{flex-grow:1;font-weight:600;color:var(--text-primary)}.sidebar-nav ul{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:5px}.nav-link{display:flex;align-items:center;gap:15px;padding:12px 20px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:background-color .2s,color .2s;border-radius:0 8px 8px 0}.nav-link img{width:24px;height:24px;filter:var(--icon-filter-default);transition:filter .2s ease}.nav-item.active .nav-link{background-color:var(--accent-blue);color:var(--text-inverted);font-weight:700}.nav-item.active .nav-link img{filter:var(--icon-filter-active)}.nav-link:hover{background-color:var(--hover-bg);color:var(--text-primary)}.sidebar-footer{padding:20px;text-align:center;border-top:1px solid var(--border-color);margin-top:auto}.cloud-icon{width:40px;height:40px;opacity:.6}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;padding:0;transition:background-color .3s ease}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:var(--secondary-bg);border-radius:10px}.main-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.top-header{display:flex;justify-content:space-between;align-items:center;padding:20px 10px;margin-bottom:20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--tertiary-bg);z-index:100;transition:background-color .3s ease}.search-icon{width:20px;height:20px;margin-right:10px;filter:var(--icon-filter-default)}.search-input{background:none;border:none;outline:none;color:var(--text-primary);width:100%;font-size:1em}.search-input:focus{border:none;outline:none}.search-input::placeholder{color:var(--text-secondary);border:none;outline:none}.header-right-controls{display:flex;align-items:center;gap:15px}.header-theme{background-color:var(--secondary-bg);border-radius:8px;padding:5px;display:flex;transition:background-color .3s ease}.theme-toggle{background:none;border:none;padding:0;opacity:.7;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.chooseLanguage{display:flex;gap:0px;background-color:var(--secondary-bg);border-radius:8px;padding:5px;transition:background-color .3s ease}.lang-switch-btn{background:none;border:none;color:var(--text-secondary);padding:5px 10px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s,color .2s;min-width:30px;text-align:center}.lang-switch-btn:hover{background-color:var(--hover-bg-secondary);color:var(--text-primary)}.lang-switch-btn.active{background-color:var(--accent-blue);color:var(--text-inverted);font-weight:600}.dashboard-main{padding:20px;flex-grow:1}.dashboard-section{margin-bottom:40px}.dashboard-section h2{color:var(--text-primary);font-size:1.5em;font-weight:600;margin-bottom:20px}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.folder-card{background-color:var(--tertiary-bg);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:150px;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out,background-color .3s ease,box-shadow .2s ease}.folder-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.folder-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background-color:var(--folder-color);border-radius:12px 12px 0 0}.folder-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.folder-icon{width:32px;height:32px;filter:var(--folder-icon-filter);transition:filter .3s ease}.folder-name{font-size:1.1em;font-weight:600;color:var(--text-primary)}.folder-preview-icons{display:flex;gap:8px;margin-top:auto}.folder-preview-icons img{width:24px;height:24px;opacity:.7;transition:opacity .2s,filter .2s}.folder-preview-icons img:hover{opacity:1;filter:var(--icon-filter-hover)}.folder-preview-icons .add-icon{margin-left:auto}.bookmarks-list{list-style:none;padding:0;margin:0}.bookmark-item{background-color:var(--secondary-bg);border-radius:8px;padding:15px 20px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.bookmark-item:hover{background-color:var(--hover-bg)}.bookmark-info{display:flex;align-items:center;gap:15px}.bookmark-color-indicator{width:8px;height:30px;border-radius:4px;background-color:var(--accent-blue)}.bookmark-favicon{width:24px;height:24px;filter:var(--bookmark-favicon-filter);transition:filter .3s ease}.bookmark-title{font-weight:500;color:var(--text-primary)}.bookmark-actions{display:flex;gap:10px}.bookmark-actions .action-icon{width:20px;height:20px;cursor:pointer;opacity:.6;transition:opacity .2s,filter .2s;filter:var(--icon-filter-default)}.bookmark-actions .action-icon:hover{opacity:1;filter:var(--icon-filter-hover)}:root{--primary-bg: #f7fafc;--secondary-bg: #ffffff;--tertiary-bg: #edf2f7;--text-primary: #2d3748;--text-secondary: #4a5568;--text-inverted: #ffffff;--accent-blue: #5a67d8;--accent-blue-hover: #4a55c0;--accent-red: #e53e3e;--accent-red-hover: #c53030;--accent-green: #27AE60;--accent-purple: #7B61FF;--accent-orange: #FF8F00;--border-color: #e2e8f0;--hover-bg: #edf2f7;--hover-bg-secondary: #e2e8f0;--icon-filter-default: invert(40%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(80%) contrast(100%);--icon-filter-hover: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);--icon-filter-active: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);--icon-filter-danger: invert(30%) sepia(90%) saturate(700%) hue-rotate(330deg) brightness(80%) contrast(100%);--sidebar-width: 280px;--spacing-unit: 1rem;--pnotify-bg: #000000;--pnotify-text: #000000}body.force-dark-theme{--primary-bg: #121217;--secondary-bg: #1A1C24;--tertiary-bg: #242730;--text-primary: #D1D1D1;--text-secondary: #8E929E;--text-inverted: #121217;--accent-blue: #2F80ED;--accent-blue-hover: #216abf;--accent-red: #EB5757;--accent-red-hover: #c04545;--accent-green: #27AE60;--accent-purple: #7B61FF;--accent-orange: #FF8F00;--border-color: #3A3F52;--hover-bg: #2f3442;--hover-bg-secondary: #3a3f52;--icon-filter-default: invert(60%) sepia(8%) saturate(151%) hue-rotate(180deg) brightness(92%) contrast(85%);--icon-filter-hover: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);--icon-filter-active: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);--icon-filter-danger: invert(40%) sepia(90%) saturate(700%) hue-rotate(330deg) brightness(150%) contrast(100%);--folder-icon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);--bookmark-favicon-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);--pnotify-bg: #fff;--pnotify-text: #fff}.pnotify.pnotify-error .pnotify-container{background-color:var(--pnotify-bg);color:var(--pnotify-text);border-radius:var(--pnotify-border-radius);box-shadow:var(--pnotify-shadow)}.pnotify-title{color:var(--pnotify-text);font-weight:700}.pnotify-text{color:var(--pnotify-text);font-size:.9em}.search-bar{display:flex;align-items:center;border-radius:8px;padding:8px 15px;flex-grow:1;max-width:400px;margin-right:20px;border:none;outline:none;transition:background-color .3s ease}.ai-assistant-fab{position:fixed;bottom:30px;right:30px;width:auto;background-color:var(--accent-blue);color:var(--text-inverted);padding:10px 15px;border-radius:12px;box-shadow:0 4px 12px #0006;text-align:right;font-weight:600;font-size:.9em;cursor:pointer;transition:background-color .2s;display:flex;flex-direction:column;align-items:flex-end;z-index:1000}.ai-assistant-fab:hover{background-color:var(--accent-blue-hover)}.ai-helper{font-size:.8em;opacity:.8}body>.pnotify.pnotify-positioned{position:fixed;z-index:100040}body>.pnotify.pnotify-modal{z-index:100042}.pnotify{height:auto;display:none;transition:opacity .1s linear;opacity:0}.pnotify.pnotify-positioned{position:absolute;z-index:1}.pnotify.pnotify-modal{z-index:3}.pnotify.pnotify-in{display:block;opacity:1}.pnotify.pnotify-initial{display:block}.pnotify-hidden{visibility:hidden}.pnotify.pnotify-move{transition:left .4s ease,top .4s ease,right .4s ease,bottom .4s ease}.pnotify.pnotify-fade-slow{transition:opacity .4s linear;opacity:0}.pnotify.pnotify-fade-slow.pnotify.pnotify-move{transition:opacity .4s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease}.pnotify.pnotify-fade-normal{transition:opacity .25s linear;opacity:0}.pnotify.pnotify-fade-normal.pnotify.pnotify-move{transition:opacity .25s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease}.pnotify.pnotify-fade-fast{transition:opacity .1s linear;opacity:0}.pnotify.pnotify-fade-fast.pnotify.pnotify-move{transition:opacity .1s linear,left .4s ease,top .4s ease,right .4s ease,bottom .4s ease}.pnotify.pnotify-masking{display:block;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 30px,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 30px,transparent)}.pnotify.pnotify-masking.pnotify-stack-up{-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.8),transparent 30px,transparent);mask-image:linear-gradient(0deg,rgba(0,0,0,.8),transparent 30px,transparent)}.pnotify.pnotify-masking.pnotify-stack-left{-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.8),transparent 30px,transparent);mask-image:linear-gradient(270deg,rgba(0,0,0,.8),transparent 30px,transparent)}.pnotify.pnotify-masking.pnotify-stack-right{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 30px,transparent);mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 30px,transparent)}.pnotify.pnotify-fade-in,.pnotify.pnotify-masking-in{opacity:1}.pnotify .pnotify-shadow{-webkit-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);box-shadow:0 6px 28px #0000001a}.pnotify-container{position:relative;background-position:0 0;padding:.8em;height:100%;margin:0}.pnotify-container:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.pnotify-closer,.pnotify-sticker{float:right;margin-left:.5em;cursor:pointer}[dir=rtl] .pnotify-closer,[dir=rtl] .pnotify-sticker{float:left;margin-right:.5em;margin-left:0}.pnotify-title{display:block;white-space:pre-line;margin-bottom:.4em;margin-top:0}.pnotify-text-with-max-height{overflow-y:auto;overscroll-behavior:contain;padding-bottom:.03em}.pnotify.pnotify-with-icon .pnotify-content{margin-left:24px}[dir=rtl] .pnotify.pnotify-with-icon .pnotify-content{margin-right:24px;margin-left:0}.pnotify-pre-line{white-space:pre-line}.pnotify-icon,.pnotify-icon span{display:block;float:left}[dir=rtl] .pnotify-icon,[dir=rtl] .pnotify-icon span{float:right}.pnotify-modal-overlay{background-color:#0009;top:0;left:0;position:absolute;height:100%;width:100%;z-index:2;transition:opacity .25s linear;opacity:0;padding:0;display:flex;justify-content:center;align-items:flex-end}.pnotify-modal-overlay-up{align-items:flex-start}.pnotify-modal-overlay-left{justify-content:flex-start;align-items:center}.pnotify-modal-overlay-right{justify-content:flex-end;align-items:center}.pnotify-modal-overlay.pnotify-modal-overlay-in{opacity:1}.pnotify-modal-overlay-closes:after{content:"×";font-family:Arial;font-size:3rem;color:#fff;text-shadow:0 0 .4rem #fff}body>.pnotify-modal-overlay{position:fixed;z-index:100041}
