/* ==========================================================
   SmartSafe ERP
      Global Application Styles
         Version : 1.0
         ========================================================== */

         /* ===========================
            RESET
            =========================== */

            *{
                margin:0;
                    padding:0;
                        box-sizing:border-box;
                        }

                        html{
                            scroll-behavior:smooth;
                            }

                            body{
                                background:#F3F5F9;
                                    color:#222;
                                        font-family:Arial,Helvetica,sans-serif;
                                            font-size:16px;
                                                line-height:1.5;
                                                    padding-bottom:90px;
                                                    }

                                                    /* ===========================
                                                       LINKS
                                                       =========================== */

                                                       a{
                                                           text-decoration:none;
                                                               color:inherit;
                                                               }

                                                               /* ===========================
                                                                  CONTAINER
                                                                  =========================== */

                                                                  .container{
                                                                      width:100%;
                                                                          max-width:1300px;
                                                                              margin:auto;
                                                                                  padding:18px;
                                                                                  }

                                                                                  /* ===========================
                                                                                     HEADER
                                                                                     =========================== */

                                                                                     .app-header{
                                                                                         background:#2745A3;
                                                                                             color:#fff;
                                                                                                 padding:20px;
                                                                                                     display:flex;
                                                                                                         justify-content:space-between;
                                                                                                             align-items:center;
                                                                                                                 box-shadow:0 3px 12px rgba(0,0,0,.15);
                                                                                                                 }

                                                                                                                 .app-title{
                                                                                                                     font-size:28px;
                                                                                                                         font-weight:bold;
                                                                                                                         }

                                                                                                                         .app-subtitle{
                                                                                                                             margin-top:4px;
                                                                                                                                 font-size:15px;
                                                                                                                                     opacity:.9;
                                                                                                                                     }

                                                                                                                                     .header-actions{
                                                                                                                                         display:flex;
                                                                                                                                             gap:10px;
                                                                                                                                                 align-items:center;
                                                                                                                                                 }

                                                                                                                                                 /* ===========================
                                                                                                                                                    BUTTONS
                                                                                                                                                    =========================== */

                                                                                                                                                    .btn{
                                                                                                                                                        display:inline-block;
                                                                                                                                                            border:none;
                                                                                                                                                                cursor:pointer;
                                                                                                                                                                    border-radius:14px;
                                                                                                                                                                        padding:14px 22px;
                                                                                                                                                                            font-size:16px;
                                                                                                                                                                                font-weight:bold;
                                                                                                                                                                                    transition:.25s;
                                                                                                                                                                                    }

                                                                                                                                                                                    .btn:hover{
                                                                                                                                                                                        transform:translateY(-2px);
                                                                                                                                                                                        }

                                                                                                                                                                                        .btn-primary{
                                                                                                                                                                                            background:#2745A3;
                                                                                                                                                                                                color:#fff;
                                                                                                                                                                                                }

                                                                                                                                                                                                .btn-success{
                                                                                                                                                                                                    background:#16A34A;
                                                                                                                                                                                                        color:#fff;
                                                                                                                                                                                                        }

                                                                                                                                                                                                        .btn-danger{
                                                                                                                                                                                                            background:#DC2626;
                                                                                                                                                                                                                color:#fff;
                                                                                                                                                                                                                }

                                                                                                                                                                                                                .btn-warning{
                                                                                                                                                                                                                    background:#F59E0B;
                                                                                                                                                                                                                        color:#fff;
                                                                                                                                                                                                                        }

                                                                                                                                                                                                                        .btn-secondary{
                                                                                                                                                                                                                            background:#E5E7EB;
                                                                                                                                                                                                                                color:#222;
                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                /* ===========================
                                                                                                                                                                                                                                   CARDS
                                                                                                                                                                                                                                   =========================== */

                                                                                                                                                                                                                                   .card{
                                                                                                                                                                                                                                       background:#fff;
                                                                                                                                                                                                                                           border-radius:20px;
                                                                                                                                                                                                                                               padding:22px;
                                                                                                                                                                                                                                                   box-shadow:0 3px 12px rgba(0,0,0,.08);
                                                                                                                                                                                                                                                       margin-bottom:18px;
                                                                                                                                                                                                                                                       }

                                                                                                                                                                                                                                                       .card-title{
                                                                                                                                                                                                                                                           font-size:22px;
                                                                                                                                                                                                                                                               font-weight:bold;
                                                                                                                                                                                                                                                                   margin-bottom:12px;
                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                   /* ===========================
                                                                                                                                                                                                                                                                      GRID
                                                                                                                                                                                                                                                                      =========================== */

                                                                                                                                                                                                                                                                      .grid-2{
                                                                                                                                                                                                                                                                          display:grid;
                                                                                                                                                                                                                                                                              grid-template-columns:repeat(2,1fr);
                                                                                                                                                                                                                                                                                  gap:18px;
                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                  .grid-3{
                                                                                                                                                                                                                                                                                      display:grid;
                                                                                                                                                                                                                                                                                          grid-template-columns:repeat(3,1fr);
                                                                                                                                                                                                                                                                                              gap:18px;
                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                              .grid-4{
                                                                                                                                                                                                                                                                                                  display:grid;
                                                                                                                                                                                                                                                                                                      grid-template-columns:repeat(4,1fr);
                                                                                                                                                                                                                                                                                                          gap:18px;
                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                          /* ===========================
                                                                                                                                                                                                                                                                                                             FORMS
                                                                                                                                                                                                                                                                                                             =========================== */

                                                                                                                                                                                                                                                                                                             .form-group{
                                                                                                                                                                                                                                                                                                                 margin-bottom:18px;
                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                 label{
                                                                                                                                                                                                                                                                                                                     display:block;
                                                                                                                                                                                                                                                                                                                         font-weight:bold;
                                                                                                                                                                                                                                                                                                                             margin-bottom:8px;
                                                                                                                                                                                                                                                                                                                             }

                                                                                                                                                                                                                                                                                                                             input,
                                                                                                                                                                                                                                                                                                                             select,
                                                                                                                                                                                                                                                                                                                             textarea{
                                                                                                                                                                                                                                                                                                                                 width:100%;
                                                                                                                                                                                                                                                                                                                                     padding:14px;
                                                                                                                                                                                                                                                                                                                                         border:1px solid #ddd;
                                                                                                                                                                                                                                                                                                                                             border-radius:12px;
                                                                                                                                                                                                                                                                                                                                                 font-size:16px;
                                                                                                                                                                                                                                                                                                                                                     outline:none;
                                                                                                                                                                                                                                                                                                                                                         transition:.25s;
                                                                                                                                                                                                                                                                                                                                                         }

                                                                                                                                                                                                                                                                                                                                                         input:focus,
                                                                                                                                                                                                                                                                                                                                                         select:focus,
                                                                                                                                                                                                                                                                                                                                                         textarea:focus{
                                                                                                                                                                                                                                                                                                                                                             border-color:#2745A3;
                                                                                                                                                                                                                                                                                                                                                             }

                                                                                                                                                                                                                                                                                                                                                             /* ===========================
                                                                                                                                                                                                                                                                                                                                                                TABLES
                                                                                                                                                                                                                                                                                                                                                                =========================== */

                                                                                                                                                                                                                                                                                                                                                                table{
                                                                                                                                                                                                                                                                                                                                                                    width:100%;
                                                                                                                                                                                                                                                                                                                                                                        border-collapse:collapse;
                                                                                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                                                                                        th{
                                                                                                                                                                                                                                                                                                                                                                            background:#2745A3;
                                                                                                                                                                                                                                                                                                                                                                                color:#fff;
                                                                                                                                                                                                                                                                                                                                                                                    padding:14px;
                                                                                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                                                                                    td{
                                                                                                                                                                                                                                                                                                                                                                                        padding:14px;
                                                                                                                                                                                                                                                                                                                                                                                            border-bottom:1px solid #eee;
                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                            /* ===========================
                                                                                                                                                                                                                                                                                                                                                                                               STATUS BADGES
                                                                                                                                                                                                                                                                                                                                                                                               =========================== */

                                                                                                                                                                                                                                                                                                                                                                                               .badge{
                                                                                                                                                                                                                                                                                                                                                                                                   display:inline-block;
                                                                                                                                                                                                                                                                                                                                                                                                       padding:6px 12px;
                                                                                                                                                                                                                                                                                                                                                                                                           border-radius:20px;
                                                                                                                                                                                                                                                                                                                                                                                                               font-size:13px;
                                                                                                                                                                                                                                                                                                                                                                                                                   font-weight:bold;
                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                   .badge-success{
                                                                                                                                                                                                                                                                                                                                                                                                                       background:#DCFCE7;
                                                                                                                                                                                                                                                                                                                                                                                                                           color:#166534;
                                                                                                                                                                                                                                                                                                                                                                                                                           }

                                                                                                                                                                                                                                                                                                                                                                                                                           .badge-warning{
                                                                                                                                                                                                                                                                                                                                                                                                                               background:#FEF3C7;
                                                                                                                                                                                                                                                                                                                                                                                                                                   color:#92400E;
                                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                                   .badge-danger{
                                                                                                                                                                                                                                                                                                                                                                                                                                       background:#FEE2E2;
                                                                                                                                                                                                                                                                                                                                                                                                                                           color:#991B1B;
                                                                                                                                                                                                                                                                                                                                                                                                                                           }

                                                                                                                                                                                                                                                                                                                                                                                                                                           /* ===========================
                                                                                                                                                                                                                                                                                                                                                                                                                                              UTILITIES
                                                                                                                                                                                                                                                                                                                                                                                                                                              =========================== */

                                                                                                                                                                                                                                                                                                                                                                                                                                              .text-center{
                                                                                                                                                                                                                                                                                                                                                                                                                                                  text-align:center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                                                                                                                                                                  .text-right{
                                                                                                                                                                                                                                                                                                                                                                                                                                                      text-align:right;
                                                                                                                                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                                                                                                                                      .mt-1{margin-top:10px;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                      .mt-2{margin-top:20px;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                      .mt-3{margin-top:30px;}

                                                                                                                                                                                                                                                                                                                                                                                                                                                      .mb-1{margin-bottom:10px;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                      .mb-2{margin-bottom:20px;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                      .mb-3{margin-bottom:30px;}

                                                                                                                                                                                                                                                                                                                                                                                                                                                      .w-100{
                                                                                                                                                                                                                                                                                                                                                                                                                                                          width:100%;
                                                                                                                                                                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                                                                                                                                                                          /* ===========================
                                                                                                                                                                                                                                                                                                                                                                                                                                                             MOBILE
                                                                                                                                                                                                                                                                                                                                                                                                                                                             =========================== */

                                                                                                                                                                                                                                                                                                                                                                                                                                                             @media(max-width:768px){

                                                                                                                                                                                                                                                                                                                                                                                                                                                             .app-header{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                 padding:18px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                 .app-title{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                     font-size:24px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .grid-4,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .grid-3{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                         grid-template-columns:repeat(2,1fr);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                         }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .grid-2{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                             grid-template-columns:1fr;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                             }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .btn{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 width:100%;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     text-align:center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     @media(max-width:480px){

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     .app-title{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         font-size:22px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         .container{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             padding:14px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             .card{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 padding:18px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 }