:root{--xp-blue-dark:#0a246a;--xp-blue-medium:#245edb;--xp-blue-light:#3a6ea5;--xp-blue-gradient-start:#3168d5;--xp-blue-gradient-end:#4a8ede;--titlebar-active-start:#0054e3;--titlebar-active-end:#388df8;--titlebar-inactive-start:#7b96ac;--titlebar-inactive-end:#9db9ce;--xp-black:#000000;--desktop-bg:#3a6ea5;--taskbar-start:#1f4e8c;--taskbar-end:#3a7fc1;--taskbar-border:#0d3c7a;--start-btn-start:#3c8c3c;--start-btn-end:#47a847;--start-btn-border:#2d6b2d;--shadow-window:2px 2px 10px rgba(0,0,0,0.3);--shadow-button:1px 1px 0 rgba(255,255,255,0.5) inset,-1px -1px 0 rgba(0,0,0,0.2) inset;--font-family:"Tahoma","Segoe UI",Arial,sans-serif;--font-size-small:11px;--font-size-normal:12px;--font-size-large:14px;--border-radius:3px;--border-window:3px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-normal);background:var(--desktop-bg)}.no-select,body{-webkit-user-select:none;-moz-user-select:none;user-select:none}.xp-button{background:linear-gradient(180deg,var(--xp-white) 0,var(--xp-gray-light) 45%,var(--xp-gray-medium) 100%);border:1px solid var(--xp-gray-dark);border-radius:var(--border-radius);padding:4px 16px;font-family:var(--font-family);font-size:var(--font-size-normal);cursor:pointer;box-shadow:var(--shadow-button)}.xp-button:hover{background:linear-gradient(180deg,var(--xp-white) 0,#f0ede4 45%,var(--xp-gray-light) 100%)}.xp-button:active{background:var(--xp-gray-medium);box-shadow:inset 1px 1px 2px rgba(0,0,0,.2)}.xp-input{background:var(--xp-white);border:1px solid var(--xp-gray-dark);border-radius:0;padding:4px 6px;font-family:var(--font-family);font-size:var(--font-size-normal);box-shadow:inset 1px 1px 2px rgba(0,0,0,.1)}.xp-input:focus{outline:none;border-color:var(--xp-blue-medium)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--xp-gray-light);border:1px solid var(--xp-gray-medium)}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--xp-gray-light) 0,var(--xp-white) 50%,var(--xp-gray-light) 100%);border:1px solid var(--xp-gray-dark);border-radius:0}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--xp-gray-medium) 0,var(--xp-gray-light) 50%,var(--xp-gray-medium) 100%)}::-webkit-scrollbar-button{display:none}.taskbar-window-btn{height:28px;min-width:150px;max-width:200px;padding:0 10px;background:linear-gradient(180deg,#3c8df5,#2878e8 10%,#1f6ad8 50%,#1860c8 90%,#1050b0);border:1px solid #1050a0;border-radius:3px;color:white;font-family:var(--font-family);font-size:var(--font-size-small);cursor:pointer;display:flex;align-items:center;gap:6px;text-shadow:1px 1px 0 rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 1px 1px 0 rgba(255,255,255,.2)}.taskbar-window-btn:hover{background:linear-gradient(180deg,#5ca7ff,#4090f5 10%,#3080e8 50%,#2570d8 90%,#1860c8)}.taskbar-window-btn.active{background:linear-gradient(180deg,#1860c8,#1050b0 10%,#0a4098 50%,#083888 90%,#063078);box-shadow:inset 2px 2px 3px rgba(0,0,0,.3)}.taskbar-window-icon{font-size:14px}.taskbar-window-title{flex:1 1;overflow:hidden;text-overflow:ellipsis}#start-button.active{background:linear-gradient(180deg,#3c993c,#358135 35%,#2d6d2d 65%,#255d25);box-shadow:inset 2px 2px 3px rgba(0,0,0,.3)}.window-btn.maximize,.window-btn.minimize{background:linear-gradient(180deg,#3c8df5,#1665d8 50%,#155bc8);border:1px solid #3062b0;color:white;text-shadow:1px 1px 0 rgba(0,0,0,.3)}.window-btn.close{background:linear-gradient(180deg,#e07052,#c94b30 50%,#b33c22);border:1px solid #8b3020;color:white}.window-btn.maximize:hover,.window-btn.minimize:hover{background:linear-gradient(180deg,#5ca7ff,#3085f5 50%,#2575e0)}.window-btn.close:hover{background:linear-gradient(180deg,#f08060,#e05b40 50%,#d04c30)}:root{--xp-gray-light:#ece9d8;--xp-gray-medium:#d4d0c8;--xp-gray-dark:#808080;--xp-white:#ffffff}.login-background{min-height:100vh;background:linear-gradient(135deg,#0a246a,#245edb 25%,#3a6ea5 50%,#5a8eb5 75%,#7ab0d0);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Tahoma,Segoe UI,Arial,sans-serif}.login-header{text-align:center;margin-bottom:30px}.login-logo{font-size:64px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));margin-bottom:10px}.login-title{color:white;font-size:32px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.4);margin:0}.login-subtitle{color:rgba(255,255,255,.9);font-size:14px;margin-top:5px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.login-box{background:var(--xp-gray-light);border-color:#3a7fc1 #245edb #245edb #3a7fc1;border-style:solid;border-width:3px;border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.3);width:100%;max-width:380px;overflow:hidden}.login-box-header{background:linear-gradient(180deg,#0054e3,#0047d0 8%,#2482f7 20%,#1768dc 50%,#0d5bc7 80%,#0753be);padding:12px 16px;display:flex;align-items:center;gap:10px}.login-box-icon{font-size:20px}.login-box-title{color:white;font-size:14px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.login-form{padding:25px 20px;background:white;border:2px solid;border-color:var(--xp-gray-dark) var(--xp-white) var(--xp-white) var(--xp-gray-dark);margin:3px}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#333}.form-group .xp-input,.form-group input[type=password],.form-group input[type=text]{width:100%;padding:8px 10px;font-size:13px;border:2px solid;border-color:var(--xp-gray-dark) var(--xp-white) var(--xp-white) var(--xp-gray-dark);background:white;box-sizing:border-box}.form-group .xp-input:focus,.form-group input:focus{outline:none;border-color:#0054e3}.input-status{display:block;margin-top:4px;font-size:11px;min-height:16px}.input-status.valid{color:#28a745}.input-status.invalid{color:#dc3545}.login-error{background:#ffcccc;border:1px solid #cc0000;color:#cc0000;padding:10px;border-radius:3px;margin-bottom:15px;font-size:12px;text-align:center}.form-actions,.login-button{margin-top:20px}.login-button{width:100%;padding:10px 20px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:linear-gradient(180deg,#5cb85c,#4cae4c 10%,#3c993c 35%,#358135 65%,#2d6d2d 90%,#255d25);color:white;border:1px solid #2d6d2d;border-radius:4px;text-shadow:1px 1px 1px rgba(0,0,0,.3);box-shadow:inset 1px 1px 0 rgba(255,255,255,.3),1px 1px 2px rgba(0,0,0,.2)}.login-button:hover{background:linear-gradient(180deg,#6cc86c,#5cb85c 10%,#4cae4c 35%,#419141 65%,#377d37 90%,#2d6d2d)}.login-button:active{background:linear-gradient(180deg,#3c993c,#358135 35%,#2d6d2d 65%,#255d25)}.login-button:disabled{opacity:.7;cursor:not-allowed}.btn-icon{font-size:16px}.login-footer{background:var(--xp-gray-light);padding:12px;text-align:center;border-top:1px solid var(--xp-gray-medium)}.login-hint{font-size:11px;color:#666}.login-credits{margin-top:30px;color:rgba(255,255,255,.7);font-size:11px;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.hidden{display:none!important}