:root{--color-primary:#1c244b;--color-secondary:#f3f5f8;--color-text:#324a6d;--color-accent:#247da8;--color-accent-light:#20b9e1;--color-white:#fff;--color-light-gray:#f9fafd;--color-border:#c8d5dc;--font-family:"Calibri","Segoe UI",Tahoma,Geneva,Verdana,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll}body{background-color:var(--color-secondary);color:var(--color-text);font-family:var(--font-family);font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--color-white);box-shadow:0 2px 6px #0000001a;color:var(--color-primary);justify-content:space-between;padding:16px 4%;position:sticky;top:0;z-index:100}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:2.5rem}.site-logo{align-items:center;display:flex}.site-logo img{height:36px;width:auto}.app-title{color:var(--color-primary);font-size:1.25rem;font-weight:600}.user-info{align-items:center;color:var(--color-text);display:flex;font-weight:400;gap:1rem}.app-main{flex:1;width:100%}.loading{color:var(--color-text);padding:3rem;text-align:center}.btn{border:none;border-radius:100px;cursor:pointer;font-family:var(--font-family);font-size:.9375rem;font-weight:400;padding:.625rem 1.5rem;transition:all .3s ease}.btn-sm{font-size:.875rem;padding:.5rem 1.25rem}.btn-primary{background:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary)}.btn-secondary{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.btn-secondary:hover{background:var(--color-accent);color:var(--color-white)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}button:not(.btn){background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}button:not(.btn):hover{border-color:var(--color-accent);color:var(--color-accent)}input,select,textarea{background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-family:var(--font-family);font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);outline:none}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-border)}