@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--ubuntu-orange: #E95420;--ubuntu-orange-hover: #ff6b38;--ubuntu-aubergine: #77216F;--ubuntu-mid-aubergine: #5E2750;--ubuntu-dark-aubergine: #2C001E;--bg-desktop: url(/images/wallpapers/wall-2.webp) center / cover no-repeat;--bg-topbar: #111111;--bg-window: #1e1e1e;--bg-app: #262626;--bg-sidebar: #1e1e1e;--bg-sidebar-dark: #181818;--bg-dock: rgba(18, 18, 18, .75);--bg-header: #2d2d2d;--bg-hover: rgba(255, 255, 255, .08);--bg-active: rgba(233, 84, 32, .22);--bg-card-hover: #333333;--bg-card-selected: rgba(233, 84, 32, .25);--bg-terminal: #1a1b20;--text: #ffffff;--text-secondary: #aaaaaa;--text-topbar: #dfdfdf;--text-terminal: #f1f1f1;--text-terminal-green: #33d17a;--text-terminal-red: #f66151;--border: #383838;--border-header: #262626;--border-focus: #E95420;--accent: #E95420;--accent-bg: rgba(233, 84, 32, .18);--accent-hover: #ff6b38;--accent-active: #c63d0f;--folder-blue: #E95420;--folder-blue-gradient: linear-gradient(180deg, #ff6b38 0%, #e95420 100%);--danger: #e01b24;--danger-bg: rgba(224, 27, 36, .15);--warning: #f57900;--radius: 6px;--radius-lg: 10px;--radius-pill: 9999px;--font-sans: "Ubuntu", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=light]{--ubuntu-orange: #E95420;--ubuntu-orange-hover: #ff6b38;--ubuntu-aubergine: #77216F;--ubuntu-mid-aubergine: #5E2750;--ubuntu-dark-aubergine: #2C001E;--bg-desktop: radial-gradient(circle at 65% 35%, #8A2B81 0%, #6E2E60 45%, #3B052B 100%);--bg-topbar: #111111;--bg-window: #f6f5f4;--bg-app: #ffffff;--bg-sidebar: #eb8f6820;--bg-sidebar-dark: #e8e8e8;--bg-dock: rgba(18, 18, 18, .85);--bg-header: #e1e1e1;--bg-hover: rgba(0, 0, 0, .06);--bg-active: rgba(233, 84, 32, .15);--bg-card-hover: #f0f0f0;--bg-card-selected: rgba(233, 84, 32, .18);--bg-terminal: #1a1b20;--text: #2c2c2c;--text-secondary: #666666;--text-topbar: #ffffff;--text-terminal: #ffffff;--text-terminal-green: #33d17a;--text-terminal-red: #f66151;--border: #d4d4d4;--border-header: #cccccc;--border-focus: #E95420;--accent: #E95420;--accent-bg: rgba(233, 84, 32, .12);--accent-hover: #ff6b38;--accent-active: #c63d0f;--folder-blue: #E95420;--folder-blue-gradient: linear-gradient(180deg, #ff6b38 0%, #e95420 100%);--danger: #e01b24;--danger-bg: rgba(224, 27, 36, .1);--warning: #f57900;--radius: 6px;--radius-lg: 10px;--radius-pill: 9999px;--font-sans: "Ubuntu", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background:var(--bg-desktop);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.ubuntu-desktop{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-desktop)}.ubuntu-topbar{height:30px;background-color:var(--bg-topbar);color:var(--text-topbar);display:flex;align-items:center;justify-content:space-between;padding:0 .85rem;font-size:.82rem;font-weight:500;-webkit-user-select:none;user-select:none;z-index:100;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.3)}.topbar-left{display:flex;align-items:center;gap:1.25rem}.topbar-activities{font-weight:700;color:#fff;cursor:pointer;padding:2px 8px;border-radius:4px;transition:background-color .15s ease}.topbar-activities:hover{background-color:var(--bg-hover)}.topbar-app-name{color:#ccc;display:flex;align-items:center;gap:.4rem;font-weight:600}.topbar-center{font-weight:600;color:#fff;cursor:pointer;padding:2px 10px;border-radius:4px;transition:background-color .15s ease}.topbar-center:hover{background-color:var(--bg-hover)}.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-tray{display:flex;align-items:center;gap:.65rem;cursor:pointer;padding:2px 8px;border-radius:4px}.topbar-tray:hover{background-color:var(--bg-hover)}.ubuntu-workspace{flex:1;position:relative;width:100vw;height:calc(100vh - 30px);overflow:hidden;display:flex}.desktop-icons-area{position:absolute;top:12px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:5}.desktop-shortcut{display:flex;flex-direction:column;align-items:center;gap:4px;width:80px;padding:8px 4px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;font-size:.78rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.8);transition:background .15s ease;text-align:center}.desktop-shortcut:hover{background:#ffffff1f}.ubuntu-dock{width:56px;background:#121212bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;padding:.65rem 0;gap:.75rem;flex-shrink:0;-webkit-user-select:none;user-select:none;z-index:50;border-radius:0 12px 12px 0;border:1px solid rgba(255,255,255,.1);border-left:none;box-shadow:4px 0 20px #0006;margin:0;height:100%}.dock-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);position:relative}.dock-icon:hover{background-color:#ffffff1f;transform:scale(1.1)}.dock-icon.active{background-color:#e9542038}.dock-icon.active:before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background-color:var(--ubuntu-orange);box-shadow:0 0 8px #e95420cc}.ubuntu-window{display:flex;flex-direction:column;background-color:var(--bg-app);overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000080;z-index:20;transition:box-shadow .2s ease,filter .2s ease}.ubuntu-window.focused{z-index:30;box-shadow:0 16px 50px #000000a6}.ubuntu-window.unfocused{z-index:20;filter:brightness(.92)}.ubuntu-window.maximized{border-radius:0!important;z-index:30}.ubuntu-window-titlebar{background-color:#201f1f;color:#fff;position:relative;border-top:2px solid rgba(255,255,255,.05);padding:.35rem .75rem;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.ubuntu-window-title{font-size:.875rem;font-weight:700}.ubuntu-window-controls{position:absolute;right:.25rem;top:0;bottom:0;display:flex;align-items:center;padding-right:.25rem}.ubuntu-control-btn{width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;background:transparent;color:#fff;margin:0 .2rem;cursor:pointer;transition:background .15s ease}.ubuntu-control-btn:hover{background:#ffffff1a}.ubuntu-control-btn.close-btn{background-color:#e95420e6}.ubuntu-control-btn.close-btn:hover{background-color:#e95420}.ubuntu-window-toolbar{background-color:#333;padding:.4rem .75rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.5);gap:.5rem}.header-nav-btns{display:flex;align-items:center;background:#0003;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0}.header-nav-btn{border:none;background:transparent;padding:.35rem .6rem;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.header-nav-btn:hover:not(:disabled){background-color:var(--bg-hover)}.header-nav-btn:disabled{opacity:.35;cursor:not-allowed}.header-path-pill{display:flex;align-items:center;gap:.4rem;background-color:#00000040;border:1px solid var(--border);padding:.3rem .75rem;border-radius:6px;font-size:.88rem;font-weight:600;color:var(--text);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-right-group{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.header-view-toggle{display:flex;align-items:center;background:#0003;border:1px solid var(--border);border-radius:6px;overflow:hidden}.view-toggle-btn{border:none;background:transparent;padding:.35rem .65rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.3rem;font-size:.82rem;transition:all .15s ease}.view-toggle-btn:hover{color:var(--text);background-color:var(--bg-hover)}.view-toggle-btn.active{background-color:var(--accent);color:#fff}.gnome-window-controls{display:flex;align-items:center;gap:.3rem;margin-left:.4rem;padding-left:.6rem;border-left:1px solid var(--border)}.gnome-control-btn{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background-color:#383940;color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.gnome-control-btn svg{stroke:#fff!important;color:#fff!important}.gnome-control-btn:hover{background-color:#50525c;transform:scale(1.08)}.gnome-control-btn.close{background-color:#c01c28;border-color:#e01b24}.gnome-control-btn.close:hover{background-color:#e01b24;box-shadow:0 0 8px #e01b2499}.window-body{flex:1;display:flex;overflow:hidden;background-color:#111;color:#fff}.window-sidebar{width:210px;background-color:var(--bg-sidebar);color:var(--text);padding:.85rem .5rem;display:flex;flex-direction:column;gap:1.25rem;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--border)}.sidebar-heading{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding:0 .6rem .35rem}.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:.65rem;padding:.4rem .75rem;border-radius:6px;font-size:.86rem;font-weight:500;cursor:pointer;transition:all .15s ease;color:var(--text)}.sidebar-link:hover{background-color:var(--bg-hover)}.sidebar-link.active{background-color:var(--accent);color:#fff;font-weight:600}.sidebar-link-icon{display:flex;align-items:center;justify-content:center}.window-main-content{flex:1;display:flex;flex-direction:column;padding:1.25rem 1.5rem;overflow-y:auto;background-color:#111;color:#fff}button,.button{font-family:inherit;font-size:.86rem;color:var(--text);cursor:pointer;border:1px solid var(--border);background-color:var(--bg-header);padding:.4rem .85rem;border-radius:var(--radius);transition:all .15s ease;display:inline-flex;align-items:center;gap:.4rem;font-weight:500}button:hover,.button:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-focus)}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed}button.primary,.button.primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}button.primary,.button.primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}button.danger,.button.danger{background-color:transparent;color:var(--danger);border-color:var(--border)}button.danger,.button.danger:hover:not(:disabled){background-color:var(--danger-bg);border-color:var(--danger)}button.icon-button,.button.icon-button,.button{padding:.35rem;border:none;background:transparent;border-radius:var(--radius);color:var(--text-secondary)}button.icon-button,.button.icon-button:hover,.button:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text)}input[type=text],input[type=password],textarea{width:100%;padding:.45rem .75rem;background-color:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;font-family:inherit;font-size:.88rem;transition:border-color .15s ease,box-shadow .15s ease}input[type=text]:focus,input[type=password]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-content{background-color:var(--bg-app);border:1px solid var(--border);border-radius:12px;width:100%;max-width:540px;padding:1.5rem;box-shadow:0 20px 50px #0009}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:2000}.toast{background-color:var(--bg-header);border:1px solid var(--border);color:var(--text);padding:.75rem 1.25rem;border-radius:var(--radius);box-shadow:0 8px 24px #0006;font-size:.88rem;display:flex;align-items:center;gap:.6rem;max-width:380px;animation:slideUp .2s ease}.toast.error{border-color:var(--danger);color:var(--danger)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.terminal-window{background-color:var(--bg-terminal);color:var(--text-terminal);font-family:var(--font-mono);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;margin-top:1rem}.terminal-header{background-color:#161616;padding:.4rem .8rem;font-size:.78rem;color:#aaa;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.terminal-prompt{color:var(--text-terminal-green);font-weight:600}@media(max-width:768px){.ubuntu-dock,.window-sidebar{display:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.wall-1{--bg-desktop: url(/images/wallpapers/wall-1.webp) center / cover no-repeat}body.wall-2{--bg-desktop: url(/images/wallpapers/wall-2.webp) center / cover no-repeat}body.wall-3{--bg-desktop: url(/images/wallpapers/wall-3.webp) center / cover no-repeat}body.wall-4{--bg-desktop: url(/images/wallpapers/wall-4.webp) center / cover no-repeat}body.wall-5{--bg-desktop: url(/images/wallpapers/wall-5.webp) center / cover no-repeat}body.wall-6{--bg-desktop: url(/images/wallpapers/wall-6.webp) center / cover no-repeat}body.wall-7{--bg-desktop: url(/images/wallpapers/wall-7.webp) center / cover no-repeat}body.wall-8{--bg-desktop: url(/images/wallpapers/wall-8.webp) center / cover no-repeat}
