body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}main{padding:5rem 0;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}code{background:#fafafa;border-radius:5px;padding:.75rem;font-family:Menlo,Monaco,Lucida Console,Courier New,monospace}input[type=button]{border:none;background:#6495ed;color:#fff;padding:12px 24px;margin:8px;font-size:24px;border-radius:8px;cursor:pointer}.center{margin:auto;width:80%;padding:10px}.mainContainer{display:flex;align-items:center;justify-content:center}.titleContainer{display:flex;flex-direction:column;font-size:64px;font-weight:bolder;align-items:center;justify-content:center}.resultContainer,.historyItem{flex-direction:row;display:flex;width:400px;align-items:center;justify-content:space-between}.historyContainer{flex-direction:column;display:flex;height:200px;align-items:center;flex-grow:5;justify-content:flex-start}.buttonContainer{display:flex;padding-top:150px;flex-direction:column;align-items:center;justify-content:center;height:260px}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}.inputContainer{padding:16px}.inputContainer>.errorLabel{color:red;font-size:12px}.inputBox{width:100%;padding:15px;margin:5px 0 22px;display:inline-block;border:none;background:#f1f1f1;word-wrap:anywhere}input[type=text]:focus,input[type=password]:focus{background-color:#ddd;outline:none}.qrcode img{height:40%;width:40%}.logincontainer{width:100px}.flex{display:flex}.sameRow{height:1px}.normal{height:5px}tfoot{text-align:right}.container .box{width:100%;display:table}.container .box .box-row{display:table-row}.container .box .box-cell{display:table-cell;padding:5px}.divider:after,.divider:before{content:"";flex:1;height:1px;background:#eee}.h-custom{height:calc(100% - 73px)}@media(max-width:450px){.h-custom{height:100%}}.react-calendar{width:100%!important}.calender-body{background-color:#e7f3f8!important}.react-calendar__tile--active{background-color:#fbbc13!important}.today{border:2px solid #1f1b13!important}.react-calendar_month-viewdays_day{margin:12px!important}.react-calendar__tile--active:enabled:hover{background-color:#fbbc13!important}.react-calendar__month-view__days__day--weekend{color:#1f1b13!important}.react-calendar__tile--now{background-color:transparent!important}.react-calendar__month-view__days__day--neighboringMonth{visibility:hidden}.present-marker{color:#1a8825}.absent-marker,.on-leave-marker{color:#ba1a1a!important}.tile-day{border:1px solid #b2a9b5!important;height:90px!important;border-radius:5px;margin-bottom:5px!important}.attendance-not-marked abbr{border:1px dashed #ba1a1a;color:#ba1a1a!important;border-radius:50%;padding:5px}.card{height:fit-content;min-width:33rem;max-width:100rem;background:#93d077;margin:0 1rem;box-shadow:0 0 5px #0003;width:100%}.head{position:relative;max-height:fit-content;min-width:33rem;width:100%;background:#6d9d57;padding:1rem}.add{text-align:right;padding:5% 5% 5% 6%}input{margin-right:1%}#title{width:100%;font-size:small}#description{font-size:small;width:100%}.accordion-item{border-bottom:1px solid #ddd;font-size:larger}.studentExtraInfo{border:3px solid #ddd}.note_text{font-size:large;max-width:250px;word-wrap:break-word;text-align:right}@media screen and (max-height:700px){.scroll{overflow:auto}}.rounded-t-5{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}@media(max-width:550px){.rounded-tr-lg-0{border-top-right-radius:.5rem;border-bottom-left-radius:0rem}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.styled-table{border-collapse:collapse;margin:20px 0;font-size:.9em;font-family:sans-serif;min-width:400px;box-shadow:0 0 20px #00000026}.styled-table thead tr{background-color:#009879;color:#fff;text-align:left}.styled-table th,.styled-table td{padding:12px 15px}.styled-table tbody tr{border-bottom:1px solid #dddddd}.styled-table tbody tr:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr:last-of-type{border-bottom:2px solid #009879}.styled-table tbody tr.active-row{font-weight:700;color:#009879}.chat-window{display:flex;flex-direction:column;height:100%}.resizer{cursor:se-resize;width:15px;height:15px;background:gray;position:absolute;right:0;bottom:0}.message-list{flex:1;overflow-y:auto;padding:10px;background-color:#f0f0f0;display:flex;flex-direction:column}.message{border-radius:8px;padding:8px;margin-bottom:10px;max-width:70%;word-wrap:break-word}.message.family{background-color:#90ee90;margin-left:auto;text-align:left}.message.management{background-color:#e5e5ea;margin-right:auto;text-align:right}.message-header{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.8em;color:#555}.sender{font-weight:700}.timestamp{font-style:italic}.send-message-form{display:flex;flex-direction:column;gap:10px}.send-message-form textarea{width:100%;padding:10px;font-size:1em;border:1px solid #ccc;border-radius:5px;resize:none;flex:1}.send-message-form button{align-self:flex-end;padding:10px 20px;font-size:1em;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer}.send-message-form button:hover{background-color:#0056b3}.dialog-title{background-color:#f5f5f5;padding:16px;border-bottom:1px solid #ddd;font-size:1.25rem;font-weight:700;text-align:center}.dialog-content{padding:24px;background-color:#fff}.notes{margin-top:20px;background-color:#f9f9f9;padding:10px;border-radius:5px;border:1px solid #eee}.notes-item{margin-bottom:10px;padding:10px;background-color:#e0f7fa;border-radius:4px;box-shadow:0 1px 3px #0000001a}.dialog-actions{padding:16px;border-top:1px solid #ddd;display:flex;justify-content:flex-end;background-color:#f5f5f5}.dialog-actions button{margin-left:8px}.dialog-content h3{margin:8px 0;color:#333}.dialog-content h4{margin:4px 0;color:#555}.dialog-content .notes-item h4{margin:0}.react-calendar{max-width:300px;background-color:#f0f0f0}.react-calendar__tile--active{background-color:#f44336}.absent-day.react-calendar__tile--active{background-color:#f66}.MuiTableContainer-root{scrollbar-width:thin}.MuiTableContainer-root::-webkit-scrollbar{width:8px}.MuiTableContainer-root::-webkit-scrollbar-thumb{background:#888}.MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:#555}.stickyHeader{background-color:#f5f5f5;position:sticky;top:0;z-index:10}[data-theme=dark] .dialog-title{background-color:#1a2a3a;border-bottom-color:#e9d28e29}[data-theme=dark] .dialog-content{background-color:#101d29}[data-theme=dark] .dialog-actions{background-color:#1a2a3a;border-top-color:#e9d28e29}[data-theme=dark] .dialog-content h3{color:#fff}[data-theme=dark] .dialog-content h4,[data-theme=dark] .message-header{color:#f2f6f8}[data-theme=dark] .message.family{background-color:#78c7aa40}[data-theme=dark] .message.management{background-color:#ffffff14}[data-theme=dark] .message-list{background-color:#0a1620}[data-theme=dark] .notes{background-color:#ffffff0a;border-color:#e9d28e1f}[data-theme=dark] .notes-item{background-color:#78c7aa1f}[data-theme=dark] .dropdown-content{background-color:#101d29}[data-theme=dark] .inputBox{background:#ffffff0f}[data-theme=dark] input[type=text]:focus,[data-theme=dark] input[type=password]:focus{background-color:#ffffff1a}[data-theme=dark] .calender-body{background-color:#101d29!important}[data-theme=dark] .styled-table thead tr{background-color:#1a2a3a;color:#fff}[data-theme=dark] .styled-table tbody tr{border-bottom-color:#e9d28e1f}[data-theme=dark] .styled-table tbody tr:nth-of-type(2n){background-color:#ffffff08}[data-theme=dark] .MuiTableContainer-root::-webkit-scrollbar-thumb{background:#ffffff40}[data-theme=dark] .MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:#ffffff59}[data-theme=dark] .accordion-item{border-bottom-color:#e9d28e1f}[data-theme=dark] .studentExtraInfo{border-color:#e9d28e1f}.id-card-container{display:flex;flex-direction:column;width:500px;height:720px;text-align:right}.id-card{position:relative;background-color:#0b3857;border-radius:12px;box-shadow:0 6px 20px #00000026;width:500px;height:350px;padding:20px;font-size:14px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;font-family:Traditional Arabic,Cairo,Times New Roman,Arial,sans-serif;overflow:hidden}.header{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#0b3857;padding:6px;width:85%;border-radius:0 0 14px 14px;z-index:1;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo img{width:70px;height:70px;margin-right:6px;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.school-info{text-align:center}.school-info h1{font-size:22px;color:#fff;margin:0;text-align:center;font-weight:900}.id-card-text{font-size:11px;color:#ffffffd9;margin:2px 0 0;text-align:center;letter-spacing:1px}.content-row{display:flex;padding:10px;margin-top:30px;border-radius:50px;z-index:0;position:relative;background-color:#fff;min-height:230px}.profile{margin-top:25px;margin-right:15px}.profile img{width:140px;height:155px;border-radius:10px;object-fit:cover;object-position:50% 30%;border:2px solid #e0e0e0}.student-info{text-align:right;flex:1;display:flex;flex-direction:column;justify-content:center;direction:rtl;padding-right:40px}.student-info p{margin:2px 0;font-size:13px;color:#333}.student-info strong{color:#111}.footer{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background-color:#0b3857;padding:4px 12px;width:80%;border-radius:30px;z-index:1;font-size:11px;text-align:center}.footer a{text-decoration:none;color:#fff}.footer p{text-decoration:none;color:#fff;margin:0}.back{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.scan-label{color:#fffc;font-size:13px;margin:0;letter-spacing:1px}.about-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;direction:rtl;text-align:right}h1,h2,h3,h4{color:#333}.mission-vision,.values,.staff,.contact-info{margin-bottom:40px}.staff-cards{display:flex;flex-wrap:wrap;gap:20px}.staff-card{flex:1 1 calc(33% - 40px);padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;background-color:#fff}.staff-card h3{margin-top:0}.contact-info p{font-size:16px;line-height:1.5}