@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@font-face{font-family:PixelGameFont;src:url(/fonts/pixelgamefont.ttf) format("truetype"),url(/fonts/pixelgamefont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{font-family:PixelGameFont,"MS Sans Serif",Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:silver;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none}html,body{width:100%;height:100%;background:silver url(/wp2808001.jpg) no-repeat center center fixed;background-size:cover;font-family:PixelGameFont,"MS Sans Serif",sans-serif}body{margin:0;min-width:320px;min-height:100vh;background:transparent}.btn{padding:4px 12px;font-size:11px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-family:"MS Sans Serif",sans-serif;text-transform:uppercase;letter-spacing:.5px;transition:all .1s}.btn:active{border:2px inset #c0c0c0;padding:5px 11px 3px 13px}.btn:hover{background:#d4d0c8}.btn-primary,.btn-secondary{background:silver;color:#000}.window{border:2px outset #c0c0c0;background:silver;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.window-title{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:2px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.window-content{background:silver;padding:8px;border-top:1px solid #808080}.form-group input,.form-group textarea{width:100%;padding:3px 6px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:11px;box-sizing:border-box}.retro-font{font-family:"Press Start 2P",monospace;font-size:12px;letter-spacing:1px}.landing-container{min-height:100vh;background:#008080b3;display:flex;flex-direction:column;font-family:"MS Sans Serif",sans-serif}.landing-nav{background:linear-gradient(90deg,navy,#1084d0);padding:4px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px outset #c0c0c0}.nav-logo{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;font-family:"Press Start 2P",monospace}.nav-links{display:flex;gap:8px}.nav-links a{color:#fff;text-decoration:none;font-weight:700;font-size:11px;text-transform:uppercase;padding:2px 8px;border:1px outset #c0c0c0;background:silver;transition:all .1s}.nav-links a:hover{background:#d4d0c8}.nav-links a:active{border:1px inset #c0c0c0;padding:3px 7px 1px 9px}.hero{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#c0c0c04d;border:2px inset rgba(192,192,192,.5);margin:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-content{text-align:center;max-width:600px}.hero-content h1{font-size:24px;margin-bottom:16px;color:#000;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 0px #ffffff}.hero-content p{font-size:12px;margin-bottom:24px;color:#000;line-height:1.6}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{padding:6px 16px;font-size:11px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-family:"MS Sans Serif",sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:700;transition:all .1s}.btn:active{border:2px inset #c0c0c0;padding:7px 15px 5px 17px}.btn-primary{background:silver;color:#000}.btn-primary:hover{background:#d4d0c8}.btn-secondary{background:silver;color:#000}.btn-secondary:hover{background:#d4d0c8}.features{padding:16px;background:#c0c0c066;border-top:2px outset rgba(192,192,192,.6);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.features h2{text-align:center;font-size:16px;margin-bottom:16px;color:#000;font-weight:700;text-transform:uppercase;font-family:"Press Start 2P",monospace}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;max-width:800px;margin:0 auto}.feature-card{background:#c0c0c0cc;padding:12px;border:2px outset rgba(192,192,192,.9);box-shadow:inset 1px 1px #fffc,inset -1px -1px #808080cc;transition:all .1s;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.feature-card:hover{border:2px inset rgba(192,192,192,.9);box-shadow:inset 2px 2px #fffc,inset -2px -2px #808080cc}.feature-card h3{font-size:12px;margin-bottom:8px;color:#000;font-weight:700;text-transform:uppercase}.feature-card p{font-size:10px;color:#000;line-height:1.4}.landing-footer{text-align:center;padding:8px;background:linear-gradient(90deg,navy,#1084d0);color:#fff;font-size:10px;border-top:2px outset #c0c0c0}@media(max-width:768px){.hero-content h1{font-size:18px}.cta-buttons{flex-direction:column;align-items:center}.nav-links{gap:4px}.features-grid{grid-template-columns:1fr}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#008080e6;padding:8px}.login-card{background:silver;padding:0;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;width:100%;max-width:350px}.login-card h1{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0;border-bottom:1px solid #808080}.login-form-content{padding:16px;background:silver}.login-card .btn{width:100%;padding:4px 12px;font-size:11px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-family:"MS Sans Serif",sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-top:8px;transition:all .1s}.login-card .btn:active{border:2px inset #c0c0c0;padding:5px 11px 3px 13px}.login-card .btn:disabled{background:silver;color:gray;cursor:not-allowed}@media(max-width:480px){.login-card{margin:8px}.login-form-content{padding:12px}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#008080e6;padding:8px}.register-card{background:silver;padding:0;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;width:100%;max-width:400px}.register-card h1{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0;border-bottom:1px solid #808080}.register-form-content{padding:16px;background:silver}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;color:#000;font-size:11px;font-weight:700;text-transform:uppercase}.form-group input{width:100%;padding:3px 6px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:11px;box-sizing:border-box}.form-group input:focus{outline:none;border:2px inset #000080;background:#fff}.error-message{background:#ffffe1;color:#000;padding:6px 8px;border:1px solid #808080;margin-bottom:12px;font-size:10px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.register-card .btn{width:100%;padding:4px 12px;font-size:11px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-family:"MS Sans Serif",sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-top:8px;transition:all .1s}.register-card .btn:active{border:2px inset #c0c0c0;padding:5px 11px 3px 13px}.register-card .btn:disabled{background:silver;color:gray;cursor:not-allowed}.form-footer{text-align:center;margin-top:12px;color:#000;font-size:10px;padding:8px;background:silver;border-top:1px solid #808080}.form-footer a{color:navy;text-decoration:underline;font-weight:700}.form-footer a:hover{color:#1084d0}@media(max-width:480px){.register-card{margin:8px}.register-form-content{padding:12px}}.dashboard-container{min-height:100vh;background:#c0c0c0f2;font-family:"MS Sans Serif",sans-serif}.dashboard-nav{background:linear-gradient(90deg,navy,#1084d0);padding:4px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px outset #c0c0c0}.nav-brand{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;font-family:"Press Start 2P",monospace}.nav-actions{display:flex;gap:6px}.nav-link{background:silver;border:1px outset #c0c0c0;color:#000;cursor:pointer;font-size:10px;padding:2px 6px;text-transform:uppercase;font-weight:700;transition:all .1s;text-decoration:none}.nav-link:active{border:1px inset #c0c0c0;padding:3px 5px 1px 7px}.nav-link:hover{background:#d4d0c8}.nav-link.logout{color:#c33}.nav-link.logout:hover{background:#ffe1e1}.dashboard-main{max-width:1000px;margin:0 auto;padding:12px}.dashboard-header{margin-bottom:16px;text-align:center}.dashboard-header h1{font-size:18px;color:#000;margin-bottom:4px;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px}.dashboard-header p{color:#000;font-size:11px;margin:0}.stats-section h2,.activity-section h2{font-size:12px;color:#000;margin-bottom:8px;font-weight:700;text-transform:uppercase;background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:2px 6px;display:inline-block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:20px}.stat-card{background:silver;padding:8px;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray;transition:all .1s;text-align:center}.stat-card:hover{border:2px inset #c0c0c0;box-shadow:inset 2px 2px #fff,inset -2px -2px gray}.stat-card h3{font-size:9px;color:#000;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:700}.stat-value{font-size:16px;color:navy;font-weight:700;font-family:"Press Start 2P",monospace}.activity-section{background:silver;padding:8px;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.activity-list{display:flex;flex-direction:column;gap:6px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:6px;border-bottom:1px solid #808080;background:#fff;border:1px inset #c0c0c0}.activity-item:last-child{border-bottom:none}.activity-action{color:#000;font-weight:700;font-size:10px}.activity-time{color:#666;font-size:9px}@media(max-width:768px){.dashboard-main{padding:8px}.dashboard-header h1{font-size:14px}.nav-actions{gap:4px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.profile-container{min-height:100vh;background:#c0c0c0f2;font-family:"MS Sans Serif",sans-serif}.profile-nav{background:linear-gradient(90deg,navy,#1084d0);padding:4px 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px outset #c0c0c0}.profile-nav .nav-brand{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;font-family:"Press Start 2P",monospace}.profile-nav .nav-actions{display:flex;gap:6px}.profile-nav .nav-link{background:silver;border:1px outset #c0c0c0;color:#000;cursor:pointer;font-size:10px;padding:2px 6px;text-transform:uppercase;font-weight:700;transition:all .1s;text-decoration:none}.profile-nav .nav-link:active{border:1px inset #c0c0c0;padding:3px 5px 1px 7px}.profile-nav .nav-link:hover{background:#d4d0c8}.profile-nav .nav-link.logout{color:#c33}.profile-nav .nav-link.logout:hover{background:#ffe1e1}.profile-main{max-width:700px;margin:0 auto;padding:12px}.profile-header{text-align:center;margin-bottom:16px}.avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,navy,#1084d0);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin:0 auto 8px;border:2px outset #c0c0c0}.profile-header h1{font-size:16px;color:#000;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:1px}.profile-card{background:silver;padding:0;border:2px outset #c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.profile-card-title{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #808080}.profile-content{padding:12px;background:silver}.profile-view{display:flex;flex-direction:column;gap:8px}.profile-item{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:6px;background:#fff;border:1px inset #c0c0c0}.profile-item .label{font-weight:700;color:#000;font-size:10px;text-transform:uppercase}.profile-item .value{color:#000;font-size:10px}.profile-form{display:flex;flex-direction:column;gap:8px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:2px;color:#000;font-size:10px;font-weight:700;text-transform:uppercase}.form-group input,.form-group textarea{padding:3px 4px;border:2px inset #c0c0c0;background:#fff;font-family:"MS Sans Serif",sans-serif;font-size:10px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border:2px inset #000080;background:#fff}.form-actions{display:flex;gap:6px;margin-top:8px}.form-actions .btn{flex:1;padding:4px 8px;border:2px outset #c0c0c0;background:silver;cursor:pointer;font-weight:700;transition:all .1s;font-size:10px;text-transform:uppercase}.form-actions .btn:active{border:2px inset #c0c0c0;padding:5px 7px 3px 9px}.form-actions .btn:disabled{background:silver;color:gray;cursor:not-allowed}.form-actions .btn-primary{background:silver;color:#000}.form-actions .btn-primary:hover:not(:disabled){background:#d4d0c8}.form-actions .btn-secondary{background:silver;color:#000}.form-actions .btn-secondary:hover{background:#d4d0c8}@media(max-width:768px){.profile-main{padding:8px}.profile-card{margin:0}.profile-item{grid-template-columns:1fr;gap:4px}.profile-header h1{font-size:12px}.form-actions{flex-direction:column}}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}