:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--bg-primary: #0b0f19;--bg-secondary: #131b2e;--bg-tertiary: #1b253d;--border-color: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-color: #6366f1;--accent-hover: #4f46e5;--accent-light: rgba(99, 102, 241, .15);--success: #10b981;--success-light: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .15);--info: #06b6d4;--sidebar-width: 280px;--header-height: 70px;--glass-bg: rgba(19, 27, 46, .7);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--chart-grid: rgba(255, 255, 255, .05)}[data-theme=light]{--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--border-color: rgba(0, 0, 0, .08);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-color: #4f46e5;--accent-hover: #4338ca;--accent-light: rgba(79, 70, 229, .1);--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #d97706;--warning-light: rgba(217, 119, 6, .1);--danger: #dc2626;--danger-light: rgba(220, 38, 38, .1);--info: #0891b2;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .04);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .08);--chart-grid: rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh;width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-wrapper{display:flex;height:100vh;width:100vw;position:relative;overflow:hidden}.app-sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;z-index:100;transition:transform var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.sidebar-brand{height:var(--header-height);padding:0 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color)}.brand-logo{width:38px;height:38px;background:linear-gradient(135deg,var(--accent-color),#a855f7);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 12px #6366f14d}.brand-text{font-family:var(--font-heading);font-size:22px;font-weight:800;background:linear-gradient(135deg,#a855f7,#6366f1,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}.user-profile-widget{padding:20px 24px;display:flex;align-items:center;gap:12px;background:#ffffff03;border-bottom:1px solid var(--border-color);margin-bottom:10px}.profile-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#f43f5e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 10px #f43f5e33}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:14px;font-weight:600;color:var(--text-primary)}.profile-role{font-size:11px;color:var(--text-muted)}.sidebar-nav{flex:1;padding:10px 14px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.menu-item{padding:12px 16px;border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;position:relative;transition:all var(--transition-fast)}.menu-item i{font-size:16px;width:20px;text-align:center;transition:transform var(--transition-fast)}.menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.menu-item:hover i{transform:scale(1.1)}.menu-item.active{background:var(--accent-light);color:var(--accent-color);font-weight:600}.menu-item.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;background:var(--accent-color);border-radius:0 4px 4px 0}.nav-badge{margin-left:auto;font-size:11px;font-weight:600;background:var(--accent-color);color:#fff;padding:2px 8px;border-radius:10px;min-width:18px;text-align:center}.nav-badge.alert{background:var(--danger)}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border-color)}.theme-toggle-btn{width:100%;padding:12px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-fast)}.theme-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}.main-container{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{height:var(--header-height);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:90;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.mobile-toggle-btn{display:none;background:transparent;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:8px;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.mobile-toggle-btn:hover{background:var(--bg-tertiary)}.header-search{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--border-radius-md);width:320px;transition:all var(--transition-fast)}.header-search:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light);width:380px}.header-search i{color:var(--text-muted);font-size:14px}.header-search input{background:transparent;border:none;color:var(--text-primary);font-size:14px;outline:none;width:100%}.header-search input::placeholder{color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:14px}.header-action-btn{width:40px;height:40px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all var(--transition-fast)}.header-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-muted)}.notification-bell .notification-indicator{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--bg-secondary)}.notifications-dropdown{position:absolute;top:50px;right:0;width:340px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);display:none;flex-direction:column;z-index:200;overflow:hidden}.notifications-dropdown.show{display:flex;animation:slideDown .2s cubic-bezier(.16,1,.3,1)}.dropdown-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.dropdown-header h4{font-family:var(--font-heading);font-size:15px;font-weight:600}.dropdown-header button{background:transparent;border:none;color:var(--accent-color);font-size:12px;font-weight:600;cursor:pointer}.dropdown-header button:hover{text-decoration:underline}.notification-list{max-height:300px;overflow-y:auto;list-style:none}.notification-item{padding:12px 20px;border-bottom:1px solid var(--border-color);display:flex;gap:12px;cursor:pointer;transition:background-color var(--transition-fast)}.notification-item:hover{background:var(--bg-tertiary)}.notification-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.notification-icon.mail{background:var(--accent-light);color:var(--accent-color)}.notification-icon.calendar{background:var(--warning-light);color:var(--warning)}.notification-icon.finance{background:var(--success-light);color:var(--success)}.notification-icon.system{background:var(--danger-light);color:var(--danger)}.notification-content{display:flex;flex-direction:column;gap:2px}.notification-title{font-size:13px;font-weight:600;color:var(--text-primary)}.notification-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.notification-time{font-size:10px;color:var(--text-muted);margin-top:4px}.main-content{flex:1;overflow-y:auto;padding:32px;background-color:var(--bg-primary);position:relative;transition:background-color var(--transition-normal)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.view-animate{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.welcome-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.welcome-jumbotron{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(19,27,46,.4) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:40px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.welcome-jumbotron:before{content:"";position:absolute;top:-80px;right:-80px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.welcome-jumbotron h1{font-family:var(--font-heading);font-size:32px;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.welcome-jumbotron p{color:var(--text-secondary);font-size:16px;line-height:1.6;max-width:500px;margin-bottom:24px}.quick-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}.stat-bubble{background:var(--bg-primary);border:1px solid var(--border-color);padding:16px;border-radius:var(--border-radius-md);display:flex;align-items:center;gap:12px;transition:transform var(--transition-fast)}.stat-bubble:hover{transform:translateY(-2px);border-color:var(--accent-color)}.stat-bubble-icon{width:36px;height:36px;border-radius:var(--border-radius-sm);background:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-size:16px}.stat-bubble-info h4{font-size:18px;font-weight:700}.stat-bubble-info span{font-size:12px;color:var(--text-muted)}.widget-column{display:flex;flex-direction:column;gap:24px}.card-widget{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;box-shadow:0 4px 12px #0000000d}.card-widget-title{font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.card-widget-title i{color:var(--text-muted)}.widget-content-clock{text-align:center;padding:10px 0}.clock-time{font-size:38px;font-weight:800;font-family:var(--font-heading);color:var(--text-primary);letter-spacing:1px}.clock-date{font-size:13px;color:var(--text-secondary);margin-top:4px}.widget-news-list{display:flex;flex-direction:column;gap:12px}.news-item{display:flex;gap:12px;font-size:13px}.news-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-color);margin-top:5px;flex-shrink:0}.news-item-text p{color:var(--text-primary);font-weight:500}.news-item-text span{color:var(--text-muted);font-size:11px}.portal-features-section{margin-top:32px}.section-header-title{font-family:var(--font-heading);font-size:18px;font-weight:600;margin-bottom:16px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:24px;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);border-color:var(--accent-color);box-shadow:0 10px 20px #0000001a}.feature-icon-wrapper{width:48px;height:48px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px;transition:background-color var(--transition-fast)}.feature-card.dash .feature-icon-wrapper{background:var(--accent-light);color:var(--accent-color)}.feature-card.mail .feature-icon-wrapper{background:#a855f726;color:#a855f7}.feature-card.cal .feature-icon-wrapper{background:var(--warning-light);color:var(--warning)}.feature-card.fin .feature-icon-wrapper{background:var(--success-light);color:var(--success)}.feature-card.gincana .feature-icon-wrapper{background:#10b98126;color:var(--success)}.feature-card h3{font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:8px}.feature-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:20px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;position:relative;overflow:hidden}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metric-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.metric-icon{width:32px;height:32px;border-radius:var(--border-radius-sm);background:var(--bg-tertiary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:14px}.metric-card.primary .metric-icon{background:var(--accent-light);color:var(--accent-color)}.metric-card.success .metric-icon{background:var(--success-light);color:var(--success)}.metric-card.warning .metric-icon{background:var(--warning-light);color:var(--warning)}.metric-card.danger .metric-icon{background:var(--danger-light);color:var(--danger)}.metric-value{font-size:26px;font-weight:700;font-family:var(--font-heading);margin-bottom:6px}.metric-trend{font-size:11px;display:flex;align-items:center;gap:4px}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-neutral{color:var(--text-muted)}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:24px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-card-title{font-family:var(--font-heading);font-size:16px;font-weight:600}.chart-filters{display:flex;gap:8px}.chart-filter-btn{padding:6px 12px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.chart-filter-btn.active,.chart-filter-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-secondary)}.chart-canvas-container{height:280px;position:relative;width:100%}.recent-activity-widget{max-height:380px;overflow-y:auto}.activity-list{display:flex;flex-direction:column;gap:16px;list-style:none}.activity-item{display:flex;gap:12px;font-size:13px;position:relative}.activity-item:before{content:"";position:absolute;left:17px;top:36px;bottom:-20px;width:2px;background:var(--border-color)}.activity-item:last-child:before{display:none}.activity-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;font-size:14px}.activity-avatar.blue{color:var(--accent-color);border:2px solid var(--accent-light)}.activity-avatar.green{color:var(--success);border:2px solid var(--success-light)}.activity-avatar.orange{color:var(--warning);border:2px solid var(--warning-light)}.activity-desc p{color:var(--text-primary)}.activity-desc span{font-weight:600}.activity-time{font-size:11px;color:var(--text-muted);margin-top:2px}.mail-app-container{display:flex;height:calc(100vh - var(--header-height) - 64px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.mail-sidebar{width:200px;border-right:1px solid var(--border-color);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.btn-compose{background:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius-md);padding:12px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-bottom:16px;box-shadow:0 4px 10px #6366f133;transition:background-color var(--transition-fast)}.btn-compose:hover{background:var(--accent-hover)}.mail-nav-item{padding:10px 12px;border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all var(--transition-fast)}.mail-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mail-nav-item.active{background:var(--accent-light);color:var(--accent-color);font-weight:600}.mail-nav-count{margin-left:auto;font-size:11px;background:var(--bg-tertiary);color:var(--text-secondary);padding:1px 6px;border-radius:8px}.mail-list-panel{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.mail-search-box{padding:16px;border-bottom:1px solid var(--border-color)}.mail-search-wrapper{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--border-radius-md);font-size:13px}.mail-search-wrapper input{background:transparent;border:none;color:var(--text-primary);outline:none;font-size:13px;width:100%}.mail-search-wrapper i{color:var(--text-muted)}.mail-items-scroller{flex:1;overflow-y:auto}.mail-item{padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;position:relative;transition:background-color var(--transition-fast)}.mail-item:hover{background:var(--bg-tertiary)}.mail-item.active{background:var(--accent-light)}.mail-item.unread:before{content:"";position:absolute;left:6px;top:22px;width:6px;height:6px;border-radius:50%;background:var(--accent-color)}.mail-item-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-primary);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mail-item-details{flex:1;min-width:0}.mail-item-sender{font-size:13px;font-weight:600;margin-bottom:2px;display:flex;justify-content:space-between;align-items:baseline}.mail-item-date{font-size:11px;font-weight:400;color:var(--text-muted)}.mail-item-subject{font-size:12px;color:var(--text-primary);font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-item.unread .mail-item-subject{font-weight:700}.mail-item-preview{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-content-pane{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.mail-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:12px}.mail-no-selection i{font-size:48px}.mail-no-selection p{font-size:14px}.mail-viewer-header{padding:24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.mail-viewer-actions{display:flex;justify-content:space-between;margin-bottom:20px}.mail-action-group{display:flex;gap:8px}.mail-btn-action{padding:8px 12px;border-radius:var(--border-radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.mail-btn-action:hover{background:var(--bg-primary);color:var(--text-primary)}.mail-btn-action.delete:hover{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.mail-viewer-title{font-family:var(--font-heading);font-size:20px;font-weight:700;margin-bottom:16px}.mail-viewer-sender-info{display:flex;align-items:center;gap:12px}.mail-viewer-sender-details h4{font-size:14px;font-weight:600}.mail-viewer-sender-details p{font-size:12px;color:var(--text-muted)}.mail-viewer-body{flex:1;padding:30px 24px;overflow-y:auto;font-size:14px;line-height:1.6;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal-window{width:550px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);overflow:hidden;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary)}.modal-header h3{font-family:var(--font-heading);font-size:16px;font-weight:600}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:16px;cursor:pointer}.modal-close-btn:hover{color:var(--text-primary)}.modal-body-form{padding:20px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{background:var(--bg-primary);border:1px solid var(--border-color);padding:10px 12px;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-color)}.modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.btn-secondary{padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-primary{padding:8px 20px;border:none;border-radius:var(--border-radius-sm);background:var(--accent-color);color:#fff;font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.btn-primary:hover{background:var(--accent-hover)}.calendar-app-layout{display:grid;grid-template-columns:3fr 1fr;gap:24px}.calendar-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:24px;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #0000000d}.calendar-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-month-year{font-family:var(--font-heading);font-size:22px;font-weight:700}.calendar-controls{display:flex;gap:8px}.btn-cal-control{width:36px;height:36px;border-radius:var(--border-radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-cal-control:hover{background:var(--bg-primary);border-color:var(--text-muted)}.calendar-grid-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:600;color:var(--text-secondary);font-size:12px;margin-bottom:12px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.calendar-grid-days{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:100px;gap:6px}.calendar-day-cell{background:#ffffff03;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:6px;display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;transition:background-color var(--transition-fast)}.calendar-day-cell:hover{background:var(--bg-tertiary)}.calendar-day-cell.inactive{opacity:.3;cursor:default}.calendar-day-cell.inactive:hover{background:transparent}.calendar-day-number{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.calendar-day-cell.today .calendar-day-number{color:var(--accent-color);font-weight:800;display:flex;align-items:center;gap:4px}.calendar-day-cell.today .calendar-day-number:after{content:"HOJE";font-size:8px;background:var(--accent-color);color:#fff;padding:1px 4px;border-radius:4px}.calendar-day-events{display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1}.calendar-event-badge{font-size:9px;font-weight:600;padding:2px 4px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.calendar-event-badge.primary{background-color:var(--accent-color)}.calendar-event-badge.success{background-color:var(--success)}.calendar-event-badge.warning{background-color:var(--warning)}.calendar-event-badge.danger{background-color:var(--danger)}.calendar-agenda-panel{display:flex;flex-direction:column;gap:20px}.btn-add-event{width:100%;padding:12px;border-radius:var(--border-radius-md);border:none;background:var(--accent-color);color:#fff;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 10px #6366f133}.btn-add-event:hover{background:var(--accent-hover)}.agenda-items-list{display:flex;flex-direction:column;gap:12px;list-style:none}.agenda-item{background:var(--bg-secondary);border:1px solid var(--border-color);padding:16px;border-radius:var(--border-radius-md);border-left:4px solid var(--accent-color);display:flex;justify-content:space-between;align-items:center}.agenda-item.primary{border-left-color:var(--accent-color)}.agenda-item.success{border-left-color:var(--success)}.agenda-item.warning{border-left-color:var(--warning)}.agenda-item.danger{border-left-color:var(--danger)}.agenda-info h4{font-size:13px;font-weight:600;margin-bottom:4px}.agenda-info p{font-size:11px;color:var(--text-muted)}.agenda-delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.agenda-delete-btn:hover{color:var(--danger)}.finance-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:28px}.finance-metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);padding:24px;border-radius:var(--border-radius-lg);display:flex;align-items:center;gap:20px}.finance-metric-icon{width:54px;height:54px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.finance-metric-card.balance .finance-metric-icon{background:var(--accent-light);color:var(--accent-color)}.finance-metric-card.income .finance-metric-icon{background:var(--success-light);color:var(--success)}.finance-metric-card.expense .finance-metric-icon{background:var(--danger-light);color:var(--danger)}.finance-metric-info span{font-size:12px;color:var(--text-secondary);font-weight:500}.finance-metric-info h3{font-family:var(--font-heading);font-size:24px;font-weight:700;margin-top:4px}.finance-layout-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.finance-ledger-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;display:flex;flex-direction:column}.finance-ledger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.finance-ledger-title{font-family:var(--font-heading);font-size:16px;font-weight:600}.finance-table-wrapper{overflow-x:auto}.finance-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.finance-table th{padding:12px;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:600}.finance-table td{padding:14px 12px;border-bottom:1px solid var(--border-color)}.finance-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.finance-badge.in{background:var(--success-light);color:var(--success)}.finance-badge.out{background:var(--danger-light);color:var(--danger)}.finance-table-actions{display:flex;gap:8px}.finance-btn-delete{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.finance-btn-delete:hover{color:var(--danger)}.notes-app-container{display:flex;height:calc(100vh - var(--header-height) - 64px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.notes-list-panel{width:280px;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.notes-actions-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;gap:10px}.btn-add-note{flex:1;padding:10px;border-radius:var(--border-radius-md);border:none;background:var(--accent-color);color:#fff;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-add-note:hover{background:var(--accent-hover)}.notes-search-wrapper{padding:0 16px 12px;border-bottom:1px solid var(--border-color)}.notes-search-input{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--border-radius-md);font-size:13px}.notes-search-input input{background:transparent;border:none;color:var(--text-primary);outline:none;font-size:13px;width:100%}.notes-search-input i{color:var(--text-muted)}.notes-list-scroller{flex:1;overflow-y:auto}.note-item{padding:16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.note-item:hover{background:var(--bg-tertiary)}.note-item.active{background:var(--accent-light)}.note-item-title{font-size:13px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item-preview{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.note-item-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.note-item-tag{background:var(--bg-tertiary);padding:1px 6px;border-radius:4px;font-weight:500}.notes-editor-pane{flex:1;display:flex;flex-direction:column;background:var(--bg-primary)}.notes-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:12px}.notes-no-selection i{font-size:48px}.notes-editor-header{padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.notes-editor-meta{display:flex;align-items:center;gap:16px}.note-tag-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:var(--border-radius-sm);font-size:12px;outline:none}.note-save-indicator{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.note-save-indicator i{color:var(--success)}.notes-editor-title-bar{padding:20px 24px 10px}.note-title-input{width:100%;background:transparent;border:none;font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-primary);outline:none}.note-title-input::placeholder{color:var(--text-muted)}.notes-textarea-wrapper{flex:1;padding:10px 24px 24px}.note-body-textarea{width:100%;height:100%;background:transparent;border:none;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--text-primary);resize:none;outline:none}.note-body-textarea::placeholder{color:var(--text-muted)}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:10px}.status-card-info{background:var(--bg-primary);border:1px solid var(--border-color);padding:16px;border-radius:var(--border-radius-md);display:flex;align-items:center;gap:12px}.status-card-info i{font-size:20px}.status-card-info.success i{color:var(--success)}.status-card-info.info i{color:var(--info)}.status-info-text h5{font-size:13px;font-weight:600}.status-info-text p{font-size:11px;color:var(--text-secondary);margin-top:2px}@media (max-width: 1024px){.welcome-grid,.charts-row{grid-template-columns:1fr}.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}.calendar-app-layout,.finance-layout-grid{grid-template-columns:1fr}}@media (max-width: 768px){.mobile-toggle-btn{display:block}.app-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:0 0 20px #0006}.app-sidebar.show{transform:translate(0)}.header-search{width:200px}.header-search:focus-within{width:220px}.mail-app-container{flex-direction:column;height:auto}.mail-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;overflow-x:auto;padding:10px}.btn-compose{margin-bottom:0;padding:8px 12px}.mail-list-panel{width:100%;border-right:none;border-bottom:1px solid var(--border-color);height:250px}.notes-app-container{flex-direction:column;height:auto}.notes-list-panel{width:100%;border-right:none;border-bottom:1px solid var(--border-color);height:250px}.finance-stats-row{grid-template-columns:1fr}.main-content{padding:16px}}@media (max-width: 480px){.dashboard-metrics-grid{grid-template-columns:1fr}.header-search{display:none}.quick-stats-row{grid-template-columns:1fr}.modal-window{width:90%}}