:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:#323130;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#f8f9fa;color:#323130}a{font-weight:500;color:#0078d4;text-decoration:none;transition:color .2s ease}a:hover{color:#106ebe;text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#323130;font-weight:600;line-height:1.3;margin:0 0 16px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin:0 0 16px;line-height:1.6}button{border-radius:4px;border:1px solid transparent;padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;background-color:#0078d4;color:#fff;cursor:pointer;transition:all .2s ease}button:hover{background-color:#106ebe;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}button:focus,button:focus-visible{outline:2px solid #0078d4;outline-offset:2px}button:active{transform:translateY(0)}button.secondary{background-color:transparent;color:#0078d4;border-color:#0078d4}button.secondary:hover{background-color:#f3f2f1;color:#106ebe;border-color:#106ebe}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8f9fa;color:#323130}#root{min-height:100vh;display:flex;flex-direction:column}.ms-CommandBar{background-color:#f8f9fa;border-bottom:1px solid #edebe9}.ms-CommandBarItem.is-selected .ms-Button{background-color:#0078d4!important;color:#fff!important;font-weight:600!important}.ms-CommandBarItem.is-selected .ms-Button:hover{background-color:#106ebe!important;color:#fff!important}.ms-CommandBarItem .ms-Button{transition:all .2s ease}.ms-CommandBarItem .ms-Button:hover{background-color:#f3f2f1!important;color:#0078d4!important;transform:translateY(-1px)}.ms-DetailsRow:hover{background-color:#f8f9fa!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.ms-DetailsRow{transition:all .2s ease}.ms-Panel-main{background-color:#fff;box-shadow:0 8px 32px #0000001f}.ms-Dialog-main{background-color:#fff;box-shadow:0 8px 32px #00000026;border-radius:8px;border:1px solid #f0f0f0}input[type=file]{padding:12px;border:2px solid #edebe9;border-radius:6px;background-color:#fff;width:100%;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}input[type=file]:focus{outline:none;border-color:#0078d4;box-shadow:0 0 0 2px #0078d433}input[type=file]:hover{border-color:#106ebe}.ms-Spinner{margin:24px 0}.card-container{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 4px 12px #00000014;padding:24px;transition:all .2s ease}.card-container:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.ms-Button{transition:all .2s ease}.ms-Button--primary{background-color:#0078d4;border-color:#0078d4}.ms-Button--primary:hover{background-color:#106ebe;border-color:#106ebe;transform:translateY(-1px);box-shadow:0 4px 12px #0078d44d}.ms-TextField-field{border-radius:6px;border:2px solid #edebe9;transition:border-color .2s ease,box-shadow .2s ease}.ms-TextField-field:focus{border-color:#0078d4;box-shadow:0 0 0 2px #0078d433}.ms-MessageBar{border-radius:6px;margin-bottom:16px}@media (max-width: 768px){.ms-Stack--horizontal{flex-direction:column!important}.ms-CommandBar{flex-wrap:wrap}body{padding:16px}}@media (max-width: 480px){.card-container{padding:16px}}.ms-Button:focus,.ms-TextField-field:focus,.ms-Dropdown-title:focus{outline:none;box-shadow:0 0 0 2px #0078d466}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f8f9fa;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#c1c1c1,#a8a8a8);border-radius:6px;border:1px solid #f8f9fa}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#a8a8a8,#909090)}*{transition:transform .2s ease,box-shadow .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-content{animation:fadeIn .3s ease-out}
