*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',sans-serif;background:linear-gradient(135deg,#0f2027,#2c5364);color:#fff;min-height:100vh;overflow:hidden;background-image:url('../img/panel.webp');background-size:cover;background-position:center;background-attachment:fixed;}
.window{position:absolute;background:rgba(40,40,40,0.95);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.5);backdrop-filter:blur(20px);overflow:hidden;z-index:1000;border:1px solid rgba(255,255,255,0.08);min-width:400px;min-height:300px;opacity:0;transform:scale(0.8);transition:opacity 0.3s ease,transform 0.3s ease;}
.window.show{opacity:1;transform:scale(1);}
.window.dragging{transition:none;}
.resize-handle{position:absolute;background:transparent;}
.resize-handle.se{bottom:0;right:0;width:15px;height:15px;cursor:nwse-resize;}
.resize-handle.s{bottom:0;left:0;right:0;height:5px;cursor:ns-resize;}
.resize-handle.e{top:0;right:0;bottom:0;width:5px;cursor:ew-resize;}
.window-header{background:rgba(30,30,30,0.95);padding:0.75rem 1rem;display:flex;justify-content:center;align-items:center;font-weight:600;border-bottom:1px solid rgba(255,255,255,0.08);cursor:grab;position:relative;font-size:0.9rem;user-select:none;}
.window-header .buttons{position:absolute;right:0;display:flex;gap:0;}
.window-header .buttons div{width:46px;height:32px;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.15s;color:rgba(255,255,255,0.7);font-size:10px;}
.window-header .buttons .close{background:transparent;}
.window-header .buttons .close:hover{background:rgba(232,17,35,1);color:#fff;}
.window-header .buttons .close::before{content:'✕';}
.window-header .buttons .minimize{background:transparent;}
.window-header .buttons .minimize:hover{background:rgba(255,255,255,0.1);}
.window-header .buttons .minimize::before{content:'−';}
.window-body{padding:0;height:calc(100% - 48px);overflow:hidden;display:flex;}
.sidebar{width:200px;background:rgba(0,0,0,0.3);border-right:1px solid rgba(255,255,255,0.1);overflow-y:auto;padding:0.5rem;}
.sidebar-item{padding:0.5rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;margin-bottom:0.25rem;}
.sidebar-item:hover{background:rgba(255,111,0,0.2);}
.sidebar-item.active{background:rgba(255,111,0,0.3);}
.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;}
.window-body::-webkit-scrollbar{width:6px;}
.window-body::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);}
.window-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#FF6F00,#FF8C00);border-radius:3px;}
.taskbar{position:fixed;bottom:0;left:0;right:0;height:50px;background:rgba(20,20,20,0.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;box-shadow:0 -2px 10px rgba(0,0,0,0.5);}
.taskbar .start{font-weight:bold;color:#FF6F00;cursor:pointer;}
.taskbar .center-icons{display:flex;gap:0.75rem;}
.taskbar .center-icons .icon{width:40px;height:40px;background:#333;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all 0.2s;font-size:1.2rem;}
.taskbar .center-icons .icon:hover{background:#FF6F00;}
.taskbar .center-icons .icon.active{background:#FF6F00;}
.taskbar .tray{color:#fff;font-size:0.9rem;}
.watermark{position:fixed;bottom:60px;right:20px;opacity:0.3;pointer-events:none;z-index:999;}
.watermark img{height:80px;width:auto;}
.start-menu{position:fixed;bottom:50px;left:10px;width:300px;background:rgba(30,30,30,0.95);border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,0.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);display:none;z-index:10000;}
.start-menu-header{background:linear-gradient(135deg,#FF6F00,#FF8C00);color:white;padding:1rem;font-weight:bold;border-radius:8px 8px 0 0;}
.start-menu-items{padding:0.5rem 0;}
.start-menu-item{padding:0.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:0.75rem;transition:background 0.2s;}
.start-menu-item:hover{background:rgba(255,111,0,0.1);}
.toolbar{background:rgba(255,255,255,0.05);padding:0.5rem;border-radius:0;margin-bottom:0;display:flex;gap:0.5rem;align-items:center;border-bottom:1px solid rgba(255,255,255,0.1);}
.toolbar button{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:white;padding:0.4rem 0.8rem;border-radius:4px;cursor:pointer;font-size:0.85rem;}
.toolbar button:hover{background:rgba(255,111,0,0.3);}
.toolbar span{flex:1;font-size:0.85rem;opacity:0.8;}
.file-list{display:table;width:100%;border-collapse:collapse;overflow-y:auto;flex:1;}
.file-list-header{display:table-row;background:rgba(255,255,255,0.05);font-weight:bold;font-size:0.85rem;border-bottom:1px solid rgba(255,255,255,0.1);}
.file-list-header > div{display:table-cell;padding:0.5rem 1rem;border-right:1px solid rgba(255,255,255,0.05);}
.file-item{display:table-row;transition:background 0.2s;cursor:pointer;}
.file-item:hover{background:rgba(255,111,0,0.15);}
.file-item.selected{background:rgba(255,111,0,0.3);}
.file-item > *{display:table-cell;padding:0.5rem 1rem;border-bottom:1px solid rgba(255,255,255,0.05);vertical-align:middle;}
.file-item .icon{font-size:1.2rem;width:40px;}
.file-item .name{flex:1;font-size:0.9rem;}
.file-item .size{opacity:0.7;font-size:0.85rem;width:100px;text-align:right;}
.file-item .modified{opacity:0.7;font-size:0.85rem;width:150px;}
.file-item .actions{width:120px;text-align:right;}
.upload-area{border:2px dashed rgba(255,111,0,0.5);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all 0.2s;background:rgba(0,0,0,0.2);}
.upload-area:hover{border-color:#FF6F00;background:rgba(255,111,0,0.1);}
.upload-area.drag-over{border-color:#FF6F00;background:rgba(255,111,0,0.2);border-style:solid;}
.upload-area p{margin:0;font-size:0.95rem;color:rgba(255,255,255,0.8);}
.upload-area .upload-icon{font-size:3rem;margin-bottom:0.5rem;opacity:0.6;}
.btn{background:#FF6F00;border:none;color:white;padding:0.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;width:100%;}
.btn:hover{background:#FF8C00;}
#uploadStatus{margin-top:1rem;padding:0.5rem;border-radius:6px;background:rgba(0,0,0,0.3);}
.desktop-icon{position:absolute;top:20px;left:20px;width:80px;text-align:center;cursor:pointer;transition:transform 0.2s;user-select:none;}
.icon-img{font-size:3rem;margin-bottom:0.5rem;}
.icon-label{font-size:0.85rem;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
.file-btn{background:#FF6F00;border:none;color:white;padding:0.25rem 0.5rem;border-radius:4px;cursor:pointer;font-size:0.85rem;margin-left:0.25rem;}
.file-btn:hover{background:#FF8C00;}
.file-item .name{cursor:pointer;}
.pin-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;z-index:10001;}
.pin-modal-content{background:rgba(40,40,40,0.95);border-radius:8px;padding:2rem;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.5);backdrop-filter:blur(20px);min-width:300px;}
.pin-modal h3{margin:0 0 1rem 0;text-align:center;}
.pin-modal input{width:100%;padding:0.75rem;border-radius:6px;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.3);color:#fff;font-size:1rem;margin-bottom:1rem;text-align:center;}
.pin-modal-buttons{display:flex;gap:0.5rem;}
.pin-modal-buttons button{flex:1;padding:0.75rem;border-radius:6px;border:none;cursor:pointer;font-size:0.9rem;}
.pin-modal-buttons .cancel{background:rgba(255,255,255,0.1);color:#fff;}
.pin-modal-buttons .submit{background:#FF6F00;color:#fff;}
#contextMenu{position:fixed;background:rgba(30,30,30,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.5);backdrop-filter:blur(10px);z-index:10002;display:none;}
#contextMenu div{padding:0.75rem 1.5rem;cursor:pointer;font-size:0.9rem;transition:background 0.2s;}
#contextMenu div:hover{background:rgba(255,111,0,0.3);}