.login-container{display:flex;justify-content:center;align-items:center;padding:2rem}.login-card{background-color:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:5rem;width:100%;max-width:800px}.login-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.btn-login{align-self:flex-start;background-color:var(--primary);color:var(--white);padding:.5rem 1.5rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text)}.form-group input{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;outline:none;transition:border-color .15s ease}.form-group input:focus{border-color:var(--primary)}.login-sub{font-size:.9rem;color:var(--text-light);margin-bottom:1rem}.login-error{font-size:.875rem;color:var(--danger);margin:.25rem 0 .5rem}.btn-row{display:flex;gap:.75rem;margin-top:1rem}.login-alt-actions{display:flex;justify-content:space-between;margin-bottom:.5rem}.btn-back{background-color:var(--white);color:var(--primary);border:1px solid var(--primary);padding:.5rem 1.5rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer}.btn-forgot{background:none;border:none;padding:0;font-size:.8rem;color:var(--text-light);cursor:pointer;text-decoration:underline}.sidebar{position:fixed;top:0;left:0;width:60px;height:100vh;background:var(--primary);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .5rem;overflow:hidden;transition:width .2s ease;z-index:100}.sidebar:hover{width:180px}.sidebar-logo{display:flex;align-items:center;padding:1rem 0 1rem 2px;margin-bottom:1rem;white-space:nowrap}.logo-icon{font-size:1.5rem;font-weight:700;min-width:36px;text-align:center;color:var(--gold)}.logo-text{max-width:0;margin-left:0;overflow:hidden;opacity:0;transition:all .2s ease;color:var(--gold)}.sidebar:hover .logo-text,.sidebar:hover .nav-text{max-width:150px;opacity:1;margin-left:.75rem}.sidebar-nav{list-style:none}.sidebar-nav li a{display:flex;align-items:center;padding:.75rem 0 .75rem 3px;color:var(--white);text-decoration:none;white-space:nowrap;border-radius:var(--radius)}.sidebar-nav li a:hover{background:var(--primary-dark)}.nav-icon{font-size:1.25rem;min-width:36px;text-align:center}.nav-text{margin-left:.75rem;opacity:0;transition:opacity .2s ease}.sidebar-btn-logout{font-size:1rem;margin-top:auto;display:flex;align-items:center;padding:.75rem 0 .75rem 3px;color:var(--white);background:none;border:none;cursor:pointer;white-space:nowrap;border-radius:var(--radius);width:100%}.sidebar-btn-logout:hover{background:var(--primary-dark)}.sidebar-user{display:flex;flex-direction:column;align-items:center;width:100%;padding:.5rem 0;margin-bottom:.5rem}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-name{font-size:.9rem;color:var(--white);white-space:nowrap;overflow:hidden;opacity:0;transition:max-height .2s ease,opacity .2s ease}.sidebar:hover .avatar-name{opacity:1}.error-container{display:flex;justify-content:center;padding-top:2rem}.error-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.error-card{background-color:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:5rem;width:100%;max-width:800px}.error-message{color:var(--text);margin-top:.5rem;margin-bottom:1rem}.error-nav-container{display:flex;justify-content:space-between}.btn-home,.btn-back{align-self:flex-start;background-color:var(--primary);color:var(--white);padding:.5rem 1.5rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer}.app-layout{display:flex}.main-content{margin-left:60px;padding:2rem;width:100%;min-height:100vh}:root{--primary: #275d38;--primary-dark: #1b4027;--primary-light: #e6efe9;--text: #2d2d2d;--text-light: #6b7280;--border: #d4d4d4;--background: #f3efe8;--white: #ffffff;--black: #000000;--gold: #ffdb05;--success: #52be4f;--warning: #d97706;--danger: #b80f0a;--danger-light: #d30000;--shadow: rgba(0, 0, 0, .2);--translucent: rgba(0, 0, 0, .5);--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit}button,a{transition:transform .2s ease,box-shadow .2s ease}button:hover,a:hover{transform:scale(1.03);box-shadow:0 2px 8px var(--shadow)}button:active,a:active{transform:scale(.97)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:var(--background);color:var(--text)}.btn-submit{align-self:flex-start;background-color:var(--primary);color:var(--white);padding:.5rem 1.5rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer}.btn-delete{align-self:flex-start;border:none;background-color:var(--danger);color:var(--white);padding:.5rem 1.5rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer}.btn-create{background-color:var(--primary);color:var(--white);padding:.5rem 1rem;border-radius:var(--radius);text-decoration:none;font-size:.875rem;font-weight:600}