body {

    margin:0;

    font-family:Arial,sans-serif;

    background:#f4f6fb;

    direction:rtl;

    color:#222;

}



/* דילוג לתוכן */

.skip-link {

    position:absolute;

    top:-60px;

    right:10px;

    background:#000;

    color:#fff;

    padding:12px;

    z-index:3000;

}



.skip-link:focus {

    top:10px;

}



/* סרגל עליון */

.topbar {

    height:70px;

    background:#172554;

    color:white;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 25px;

}



.logo img {

    height:55px;

    width:auto;

    display:block;

}



.actions button,
.menu-btn {

    border:0;

    background:white;

    color:#172554;

    padding:10px;

    border-radius:10px;

    cursor:pointer;

}



.menu-btn {

    display:none;

}



/* מבנה */

.layout {

    display:flex;

    min-height:calc(100vh - 110px);

}



/* תפריט */

.sidebar {

    width:240px;

    background:white;

    padding:25px;

    box-shadow:0 0 15px rgba(0,0,0,.08);

}



.menu-title {

    font-size:22px;

    font-weight:bold;

    margin-bottom:20px;

}



.sidebar a {

    display:block;

    padding:14px;

    margin-bottom:8px;

    border-radius:12px;

    text-decoration:none;

    color:#222;

}



.sidebar a:hover,
.sidebar a:focus {

    background:#e8edff;

    outline:3px solid #2563eb;

}



/* תוכן */

.content {

    flex:1;

    padding:35px;

}



.welcome {

    text-align:center;

}



.welcome h1 {

    font-size:38px;

}



.welcome p {

    font-size:20px;

    color:#555;

}



/* כרטיסים */

.dashboard {

    margin-top:40px;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:25px;

}



.card {

    background:white;

    padding:30px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    cursor:pointer;

}



.card:hover {

    transform:translateY(-5px);

}



.card:focus {

    outline:4px solid #2563eb;

}



/* סרגל נגישות */

.accessibility-panel {

    position:fixed;

    left:20px;

    bottom:20px;

    background:white;

    padding:10px;

    border-radius:15px;

    box-shadow:0 5px 20px rgba(0,0,0,.2);

    display:flex;

    gap:8px;

    z-index:2000;

}



.accessibility-panel button {

    width:42px;

    height:42px;

    border:0;

    border-radius:10px;

    cursor:pointer;

    font-weight:bold;

}



/* מצב ניגודיות */

.high-contrast,
.high-contrast * {

    background:#000 !important;

    color:#fff !important;

}



/* תחתית */

.footer {

    text-align:center;

    background:#172554;

    padding:20px;

}



.footer a {

    color:white;

}



/* מובייל */

@media(max-width:700px) {


    .menu-btn {

        display:block;

    }



    .layout {

        display:block;

    }



    .sidebar {

        position:fixed;

        top:70px;

        right:-280px;

        width:240px;

        height:calc(100vh - 70px);

        z-index:1000;

        transition:right .3s ease;

    }



    .sidebar.open {

        right:0;

    }



    .content {

        padding:20px;

    }



    .welcome h1 {

        font-size:28px;

    }



    .dashboard {

        grid-template-columns:1fr;

    }



    .accessibility-panel {

        left:10px;

        bottom:10px;

    }


}



/* הפחתת תנועה */

@media(prefers-reduced-motion:reduce){

* {

    transition:none !important;

}

}