*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;overflow:hidden;height:100vh}.theme-light{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--border-color: #d1d1d1;--accent-primary: #1a1a1a;--accent-secondary: #4a4a4a;--tab-active-bg: #1a1a1a;--tab-active-color: #ffffff;--tab-hover-bg: #e0e0e0;--shadow-color: rgba(0, 0, 0, .05);--overlay-bg: rgba(0, 0, 0, .3);--success: #2e7d32;--error: #c62828;--warning: #f57c00}.theme-dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border-color: #4a4a4a;--accent-primary: #ffffff;--accent-secondary: #cccccc;--tab-active-bg: #ffffff;--tab-active-color: #1a1a1a;--tab-hover-bg: #4a4a4a;--shadow-color: rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .7);--success: #4caf50;--error: #f44336;--warning: #ff9800}.theme-blue{--bg-primary: #0a1929;--bg-secondary: #1a2b3f;--bg-tertiary: #2a3b4f;--text-primary: #e0f2ff;--text-secondary: #a0b8cc;--border-color: #2a4059;--accent-primary: #64b5f6;--accent-secondary: #90caf9;--tab-active-bg: #64b5f6;--tab-active-color: #0a1929;--tab-hover-bg: #2a4059;--shadow-color: rgba(0, 30, 60, .5);--overlay-bg: rgba(0, 10, 20, .8);--success: #4caf50;--error: #f44336;--warning: #ff9800}.theme-contrast{--bg-primary: #000000;--bg-secondary: #1a1a1a;--bg-tertiary: #333333;--text-primary: #ffffff;--text-secondary: #ffff00;--border-color: #ffffff;--accent-primary: #ffff00;--accent-secondary: #ff00ff;--tab-active-bg: #ffff00;--tab-active-color: #000000;--tab-hover-bg: #333333;--shadow-color: rgba(255, 255, 255, .2);--overlay-bg: rgba(0, 0, 0, .9);--success: #00ff00;--error: #ff0000;--warning: #ffff00}.glob-pro{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);color:var(--text-primary)}.flat-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);padding:8px 16px;cursor:pointer;font-size:.9rem;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px;border-radius:0;text-transform:lowercase;letter-spacing:.3px}.flat-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.flat-btn.primary{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.flat-btn.primary:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.flat-btn.icon-only{padding:0;width:36px;height:36px;justify-content:center}.flat-btn.square{width:36px;height:36px;padding:0;justify-content:center}.flat-btn.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.flat-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:16px;transition:all .15s ease}.flat-card:hover{border-color:var(--accent-primary)}.reset-zoom{margin-left:10px;font-size:.8rem;padding:4px 8px}.fa-icon{color:var(--text-primary);font-size:1rem;width:1.2rem;text-align:center}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{width:400px;max-width:90vw;padding:0;animation:fadeIn .2s ease;background:var(--bg-primary)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.modal-header h3{margin:0;font-size:1rem;font-weight:400;color:var(--text-primary);text-transform:lowercase}.modal-body{padding:20px}.modal-input{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-size:.9rem;outline:none}.modal-input:focus{border-color:var(--accent-primary)}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px;border-top:1px solid var(--border-color)}.notification{pointer-events:auto;min-width:280px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);color:var(--text-primary);display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px var(--shadow-color);cursor:pointer;animation:slideInRight .2s ease}.notification.success{border-left-color:var(--success)}.notification.error{border-left-color:var(--error)}.notification.warning{border-left-color:var(--warning)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.top-bar{height:60px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px 0 0;gap:20px;z-index:100;flex-shrink:0}.logo{font-size:1.24rem;font-weight:500;padding:16px;letter-spacing:5px;text-transform:lowercase;gap:10px;background:transparent;border:none}.logo:hover{background:var(--bg-tertiary)}.logo .fa-icon{font-size:1.2rem}.user-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.main-container{flex:1;display:flex;overflow:hidden;position:relative}.left-panel,.right-panel{height:100%;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease}.left-panel{border-right:1px solid var(--border-color);min-width:200px;max-width:450px}.right-panel{border-left:1px solid var(--border-color);min-width:250px;max-width:500px}.panel-header{padding:16px;border-bottom:1px solid var(--border-color);display:none;justify-content:space-between;align-items:center;flex-shrink:0}.left-panel.collapsed,.right-panel.collapsed{width:40px!important;min-width:40px!important;overflow:visible;position:relative;z-index:100}.left-panel.collapsed .panel-content,.right-panel.collapsed .panel-content,.left-panel.collapsed .panel-header,.right-panel.collapsed .panel-header{display:none}.panel-expand-area{position:absolute;top:0;width:40px;height:100%;cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:101}.left-panel.collapsed .panel-expand-area{right:0}.right-panel.collapsed .panel-expand-area{left:0}.panel-expand-area:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.panel-expand-area i{font-size:1.2rem;color:var(--text-secondary)}.panel-expand-area:hover i{color:var(--accent-primary)}.panel-popup{position:fixed;top:60px;bottom:0;width:280px;background:var(--bg-secondary);border:1px solid var(--border-color);z-index:1000;box-shadow:0 4px 12px var(--shadow-color);overflow-y:auto;animation:fadeIn .2s ease}.left-panel.collapsed .panel-popup{left:40px}.right-panel.collapsed .panel-popup{right:40px}.panel-popup-header{padding:16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);display:flex;justify-content:space-between;align-items:center}.panel-popup-header h3{margin:0;font-size:.9rem;font-weight:400;color:var(--text-primary);text-transform:lowercase}.panel-popup-content{padding:16px}.group-wrapper.drag-over{border:2px dashed var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.group-header.drag-over{background:var(--accent-primary);color:var(--bg-primary)}.group-header.drag-over .group-name,.group-header.drag-over .collapse-icon i{color:var(--bg-primary)}.group-enter-active,.group-leave-active{transition:all .3s ease}.group-enter-from,.group-leave-to{opacity:0;transform:translateY(-20px)}.notification-system{position:fixed;bottom:20px;right:20px;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:8px}.logo-large{font-size:80px}.edit-mode .panel-header{display:flex}.panel-header h3{margin:0;font-size:.85rem;color:var(--text-secondary);font-weight:400;text-transform:lowercase;letter-spacing:1px}.panel-header h3 i{margin-right:6px}.panel-content{flex:1;overflow-y:auto}.groups-container{padding:0}.group-wrapper{margin-bottom:0;border:none;background:var(--bg-tertiary)}.group-header{padding:10px 12px;background:var(--bg-secondary);display:flex;align-items:center;gap:8px;cursor:pointer;border-bottom:1px solid var(--border-color)}.group-header.drag-handle{cursor:grab}.group-header.drag-handle:active{cursor:grabbing}.collapse-icon{width:20px;text-align:center;color:var(--text-secondary);font-size:.8rem}.group-name{flex:1;font-size:.9rem;color:var(--text-primary);text-transform:lowercase}.group-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.group-wrapper:hover .group-actions{opacity:1}.group-btn{width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer}.group-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--accent-primary)}.group-content{padding:0;min-height:40px;background:var(--bg-tertiary)}.empty-group{padding:20px;text-align:center;border:1px dashed var(--border-color);color:var(--text-secondary);font-size:.9rem}.app-item-wrapper{margin-bottom:4px;cursor:pointer;position:relative}.app-item{display:flex;align-items:center;padding:16px;gap:8px;background:var(--bg-primary);border:none}.app-item.clickable:hover{background:var(--bg-tertiary)}.drag-handle{width:24px;text-align:center;color:var(--text-secondary);font-size:16px;cursor:grab;user-select:none;opacity:.5}.drag-handle:hover{opacity:1;color:var(--accent-primary)}.app-icon .fa-icon{font-size:1.2rem}.app-title{flex:1;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:lowercase}.remove-btn{width:28px;height:28px;padding:0;opacity:.5}.remove-btn:hover{opacity:1;border-color:var(--error);color:var(--error)}.unread-badge{position:absolute;top:2px;right:2px;background:var(--accent-primary);color:var(--bg-primary);border-radius:10px;padding:2px 6px;font-size:10px;min-width:18px;text-align:center}.empty-hint{padding:20px;text-align:center;border:1px dashed var(--border-color);color:var(--text-secondary);font-size:.9rem}.create-group-btn{width:100%;padding:12px;margin-top:8px;border-style:dashed;justify-content:center;background:transparent}.widgets-container{padding:0}.widget-item-wrapper{position:relative;margin-bottom:0;transition:all .2s;border:none;background:transparent;cursor:grab;padding:8px 8px 2px}.widget-item-wrapper:active{cursor:grabbing}.widget-item-wrapper:hover{background:var(--bg-tertiary)}.widget-remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;opacity:0;transition:opacity .2s;z-index:10;background:var(--bg-tertiary)}.widget-item-wrapper:hover .widget-remove-btn{opacity:1}.widget-remove-btn:hover{border-color:var(--error);color:var(--error)}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary);text-align:center;padding:40px 20px}.empty-icon .fa-icon{font-size:3rem;opacity:.5}.add-first-btn{padding:10px 16px;border-style:dashed}.center-panel{flex:1;background:var(--bg-primary);overflow-y:auto;position:relative}.app-view{height:100%;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;border-bottom:1px solid var(--border-color)}.app-title{display:flex;align-items:center;gap:10px}.app-title .app-icon .fa-icon{font-size:1.8rem}.app-title h2{margin:0;color:var(--text-primary);font-weight:300;font-size:1.5rem;text-transform:lowercase}.close-btn{min-width:36px;height:36px}.app-content{flex:1;background:var(--bg-secondary);overflow-y:auto;min-height:0;border:1px solid var(--border-color);margin:0 20px 20px}.dashboard{max-width:1000px;margin:0 auto;text-align:center;padding:40px 20px}.welcome-section{padding:60px 20px;background:var(--bg-secondary);border:1px solid var(--border-color)}.logo-large .fa-icon{font-size:5rem;display:block;margin-bottom:20px}.welcome-section h1{color:var(--text-primary);font-size:3rem;margin-bottom:10px;font-weight:300;text-transform:lowercase}.welcome-section p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:40px;text-transform:lowercase}.quick-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.library-view{height:100%;display:flex;flex-direction:column;padding:20px}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.library-header h2{font-size:1.8rem;font-weight:300;margin:0;text-transform:lowercase;display:flex;align-items:center;gap:8px}.library-header .fa-icon{font-size:1.5rem}.library-search{display:flex;gap:10px;margin-bottom:30px}.library-search input{flex:1;padding:12px 16px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;outline:none}.library-search input:focus{border-color:var(--accent-primary)}.apps-grid,.widgets-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;overflow-y:auto;padding:10px 0}.app-card,.widget-card{padding:20px;display:flex;flex-direction:column;background:var(--bg-secondary)}.app-card-header{margin-bottom:15px}.app-card .app-icon .fa-icon{font-size:3rem}.app-card h3,.widget-card h3{margin:0 0 8px;color:var(--text-primary);font-size:1.2rem;font-weight:300;text-transform:lowercase}.app-card p,.widget-card p{color:var(--text-secondary);font-size:.9rem;margin-bottom:15px;line-height:1.5;text-transform:lowercase}.app-meta{display:flex;gap:10px;font-size:.8rem;margin-bottom:15px;color:var(--text-secondary)}.install-btn,.add-btn{width:100%;padding:10px;justify-content:center}.installed-badge,.added-badge{padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);text-align:center;color:var(--text-primary)}.settings-panel{height:100%;display:flex;flex-direction:column}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.settings-header h2{margin:0;font-size:1.5rem;font-weight:300;text-transform:lowercase;display:flex;align-items:center;gap:8px}.settings-tabs{display:flex;gap:8px;padding:16px 20px 0;border-bottom:1px solid var(--border-color)}.settings-tabs .flat-btn{padding:8px 16px;border-bottom:2px solid transparent;transition:all .2s ease}.settings-tabs .flat-btn:hover{background:var(--tab-hover-bg)}.settings-tabs .flat-btn.active{background:var(--tab-active-bg);color:var(--tab-active-color);border-bottom-color:var(--accent-primary)}.settings-content{flex:1;overflow-y:auto;padding:20px}.settings-card{padding:20px;margin-bottom:20px;background:var(--bg-secondary);border:1px solid var(--border-color)}.settings-card h4{margin:0 0 15px;font-size:.9rem;font-weight:400;color:var(--text-secondary);text-transform:lowercase}.settings-card .flat-btn{margin-right:8px;margin-bottom:8px}.settings-card input[type=range]{width:200px;margin-right:10px;vertical-align:middle}.checkbox-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.panel-splitter{width:8px;background:transparent;cursor:col-resize;position:relative;z-index:50;transition:background .2s}.panel-splitter:hover{background:var(--accent-primary);opacity:.3}.splitter-left{margin-left:-4px}.splitter-right{margin-right:-4px}.user-menu-overlay{position:fixed;inset:0;z-index:1000;background:var(--overlay-bg);display:flex;justify-content:flex-end;align-items:flex-start;padding:70px 20px 0 0}.user-menu{min-width:220px;padding:0;overflow:hidden;animation:fadeIn .2s ease;background:var(--bg-primary)}.user-menu-header{padding:20px;background:var(--bg-tertiary);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color)}.avatar-large .fa-icon{font-size:2.5rem}.user-name{font-size:1.1rem;font-weight:300;text-transform:lowercase}.menu-item{width:100%;justify-content:flex-start;border:none;border-bottom:1px solid var(--border-color);padding:14px 20px;background:var(--bg-primary);font-size:.95rem;gap:12px}.menu-item:last-child{border-bottom:none}.menu-item.logout{color:var(--error)}.edit-mode-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:var(--bg-primary);padding:8px 16px;font-size:.9rem;border:1px solid var(--border-color);z-index:1000;pointer-events:none;animation:pulse 2s infinite;display:flex;align-items:center;gap:8px;text-transform:lowercase}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.calculator{padding:20px;height:100%;display:flex;flex-direction:column}.calculator .display{background:var(--bg-primary);border:1px solid var(--border-color);padding:20px;font-size:2rem;text-align:right;font-family:monospace;margin:20px}.calculator .buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1;margin:0 20px 20px}.calculator button{padding:15px;font-size:1.2rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer}.calculator button:hover{background:var(--accent-primary);color:var(--bg-primary)}.widget-calc{height:100%;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-primary);gap:8px}.widget-calc .fa-icon{font-size:2rem}.tetris{height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tetris canvas{border:1px solid var(--border-color);background:var(--bg-primary)}.imap-chat{height:100%;display:flex;flex-direction:column}.imap-messages{flex:1;overflow-y:auto;padding:20px;background:var(--bg-secondary)}.imap-message{margin-bottom:16px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color)}.imap-message.mine{background:var(--bg-tertiary);border-color:var(--accent-primary)}.imap-input{display:flex;gap:8px;padding:16px;border-top:1px solid var(--border-color)}.imap-input input{flex:1;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);outline:none}.imap-input input:focus{border-color:var(--accent-primary)}.sortable-ghost{opacity:.3!important;background:var(--accent-primary)!important;border:1px dashed var(--accent-secondary)!important}.sortable-drag{opacity:.9!important;transform:rotate(2deg) scale(1.02)!important;box-shadow:0 10px 20px var(--shadow-color)!important;cursor:grabbing!important;z-index:9999!important}.sortable-chosen{border:1px solid var(--accent-primary)!important}.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-enter-active,.slide-leave-active{transition:all .2s ease}.slide-enter-from,.slide-leave-to{transform:translate(100%);opacity:0}@media (max-width: 768px){.left-panel,.right-panel,.panel-splitter{display:none}.mobile-layout{display:flex;flex-direction:column;height:100vh}.mobile-header{height:60px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.logo{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;font-size:1.24rem;font-weight:500;letter-spacing:5px;background:transparent;border:none}.logo .fa-icon{font-size:1.3rem}.header-actions{display:flex;align-items:center;gap:8px}.mobile-content{flex:1;position:relative;overflow:hidden;background:var(--bg-primary)}.app-view{height:100%;display:flex;flex-direction:column}.app-view-header{height:60px;padding:0 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px;background:var(--bg-secondary);flex-shrink:0}.back-btn{width:40px;height:40px}.app-view-content{flex:1;overflow-y:auto;padding:16px}.mobile-dashboard{padding:20px}.mobile-section{margin-bottom:30px}.mobile-section h3{color:var(--text-secondary);font-size:.9rem;font-weight:400;text-transform:lowercase;margin-bottom:15px}.mobile-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mobile-app-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:15px 5px;background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer}.mobile-app-card .fa-icon{font-size:2rem}.mobile-app-card span:last-child{font-size:.7rem;text-align:center;text-transform:lowercase}.mobile-nav{height:70px;background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;padding:0 10px;flex-shrink:0;position:relative;z-index:20}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0);height:calc(70px + env(safe-area-inset-bottom,0))}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 5px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;max-width:100px;height:100%;justify-content:center;transition:all .2s}.nav-btn.active{color:var(--accent-primary)}.nav-btn.active .fa-icon{transform:scale(1.1)}.nav-btn .fa-icon{font-size:1.6rem;transition:transform .2s}.nav-label{font-size:.65rem;text-transform:lowercase}.center-btn .fa-icon{font-size:1.8rem}@supports (padding-top: env(safe-area-inset-top)){.mobile-header{padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top))}}}@media (min-width: 769px){.mobile-layout{display:none}}